对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍

在Vue中，自定义指令的生命周期，有5个事件钩子：1-bind 被绑定， 2-inserted 被插入， 3-update 开始更新， 4-componentUpdated 更新完成，5-unbind 解除绑定。我们可以设置指令在某一个事件发生时的具体行为。

例子如下：

页面一进后，

在控制台中设置一个新值：

再设置一个新值：

最后点击解绑，解除绑定(解除绑定之后，id="app"的Dom和vm的实例之间解除mvvm的绑定关系)：

代码：

以上这篇对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!