Vue2中模板指令绑定事件执行顺序是如何解析的？

本文共计590个文字，预计阅读时间需要3分钟。

目录 + Vue + 自定义指令的执行机制 + 前提要求 + DOM绑定 + 源码 + directive + 为什么先调用模板绑定的方法，再调用指令的方法 + 总结 + Vue + 自定义指令的执行机制 + version: 2.6.14 + 前提要求 + 某日，业务需要我

目录

• Vue 自定义指令的执行机制
• 前情提要
• DOM绑定
• 源码
• directive
• 为什么先调用模版绑定的方法，再调用指令的方法
• 总结

Vue 自定义指令的执行机制

version: 2.6.14

前情提要

某日，业务需要我需要在按钮点击之前验证某些条件，如果不符合即不执行click内的业务代码。思前想后，写一个指令不就可以了。做到既不改动原有的业务代码，又可以移植。