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-自定義指令名稱>