vue从入门到精通(十六)：自定义指令

一、定义语法

(1).局部指令

new Vue({
	directives:{指令名:配置对象}
})

或

new Vue({
	directives:{指令名:回调函数}
})

(2).全局指令

Vue.directive(指令名,配置对象)
或
Vue.directive(指令名,回调函数)

二、配置对象中常用的3个回调

(1).bind:指令与元素成功绑定时调用。

(2).inserted:指令所在元素被插入页面时调用。

(3).update:指令所在模板结构被重新解析时调用。

三、备注

1.指令定义时不加v-，但使用时要加v-;

2.指令名如果是多个单词，要使用kebab-case命名方式，不要用camelcase命名。