dimmer

1. 自定義一個全局指令

1. 使用 Vue.directive('指令名', {對象}) 定義全局的指令 v-focus
2. 其中：參數1：指令的名稱，注意，在定義的時候，指令的名稱前面，不需要加v-前綴
3. 但是：在調用的時候，必須在指令前加上v-前綴進行調用
4. 參數2：是一個對象，在這個對象身上，有一些指令相關的函數，這些函數可以在特定的階段，執行相關的操作

2. 創建一個js文件

 3.在main.js中引入

 4.在需要的位置添加指令即可

指令定義函數提供了幾個鉤子函數（可選）：

• bind: 只調用一次，指令第一次綁定到元素時調用，可以定義一個在綁定時執行一次的初始化動作。
• inserted: 被綁定元素插入父節點時調用（父節點存在即可調用，不必存在于 document 中）。
• update: 被綁定元素所在的模板更新時調用，而不論綁定值是否變化。通過比較更新前后的綁定值。
• componentUpdated: 被綁定元素所在模板完成一次更新周期時調用。
• unbind: 只調用一次， 指令與元素解綁時調用。