vue.js之 directive 自定义指令

vue.js之 directive 自定义指令

自定义一个demo指令

Vue自定义指令语法如下：

Vue.directive(id, definition)

传入的两个参数，id是指指令ID，definition是指定义对象。其中，定义对象可以提供一些钩子函数。

对象字面量

生命周期钩子

指令定义函数提供了几个钩子函数（可选）：

​​bind​​：只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个绑定时执行一次的初始化动作。​​inserted​​​：被绑定元素插入父节点(​​div#app​​)时调用（父节点存在即可调用，不必存在于document中）。​​update​​：当绑定指令的元素(VNode-虚拟节点)状态发生改变时触发（包括样式、内容、vue数据…）​​componentUpdated​​：指令所在的组件的VNode以及其子VNode 全部更新后调用。​​unbind​​：只调用一次，指令与元素解绑（元素从DOM中删除）时调用。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。