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

前端之家收集整理的这篇文章主要介绍了对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

例子如下:

页面一进后,

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

再设置一个新值:

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

代码

自定义指令及其生命周期

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

原文链接:https://www.f2er.com/vue/30631.html

猜你在找的Vue相关文章