本文深入探讨Vue中Directive的钩子函数，包括bind、inserted、update、componentUpdated和unbind的调用时机。通过例子说明新旧指令的处理，解释每个钩子如何在Vue的DOM处理流程中被触发，帮助读者理解Vue指令的内部工作原理。
写文章不容易，点个赞呗兄弟
专注 Vue 源码分享，文章分为白话版和 源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧
研究基于 Vue版本 【2.5.17】
如果你觉得排版难看，请点击 下面链接 或者 拉到 下面关注公众号也可以吧
今天是除夕啦，大家新年快乐！身体健康！2019多多开花，耶，嗨起来！
言归正传！
我相信应该大家应该都使用过 Directive 指令，有时为了能够直接操作DOM，而指令中最重要的莫过于是 钩子函数了，指令一共有五个钩子函数，他们不会在不同的阶段触发，文档也已经说明
当然了，其实你只要了解它是什么时候触发的，就完全可以用在项目。但是我们是不会满足于此的，我要知道他是怎么触发的，怎么调用到我设置的钩子的
今天，我们就来简单说一下这几个钩子都是怎么被调用的
你能相信我写 Directive 花了一个星期啊，不是有多难，而是我不知道怎么下手写啊，根本不知道怎么描述会简单好了解，吐血
钩子如何调用
首先，Vue 在绑定了指令的DOM 创建之后，插入页面之前，对一些DOM 本身的事件或者属性等进行处理。
其中，就包含对本DOM的所有指令进行
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
