Vue自定义事件

我们都知道vue.js十分的好用

尤其是vue自带的指令 

像 ： v-if用于条件渲染，v-for用于列表渲染，v-on绑定事件

 

而且我们可以自定义指令，不管是全局的还是局部的指令

注册全局自定义指令时使用   directive()  方法

1 // 注册一个全局自定义指令 `v-focus`
2 Vue.directive('指令名称', {
3   // 当被绑定的元素插入到 DOM 中时……
4   inserted: function (el) {
5     // 聚焦元素
6     el.指令名称()
7   }
8 })

 

注册局部自定义指令时使用  directives  选项(不是注册全局指令时的directive方法哦)

1 directives: {
2   指令名称: {
3     // 指令的定义
4     inserted: function (el) {
5       el.指令名称()
6     }
7   }
8 }

 

然后我们就能愉快的使用自定义好的指令了   就像是：

<input  v-自定义指令名称>

 

转载于:https://www.cnblogs.com/mlw1814011067/p/9958681.html