Vue模块化自定义指令

创建自定义指令的方式一

1.创建directive.js文件，代码如下：

import Vue from 'vue';
Vue.directive('focus',{
 //当绑定元素插入到DOM中
 inserted: function(el){
  el.focus(); //元素聚焦
  el.setAttribute('placeholder','自定义内容');
 }
})

 
export {Vue}

2.引入directive.js文件，示例代码如下：

import directive from './components/global/directives';

3.在标签元素里加入自定义指令，代码如下：

<input v-model="input" placeholder="" v-focus>

创建自定义指令的方式二

<template>
	<view>
		<input type="text" v-focus:[direction]="color">
        <input type="text" v-focus2="color">
	</view>
</template>

<script>
	export