1、什么是自定义指令
- vue 官方提供了 v-for、v-model、v-if 等常用的内置指令。除此之外vue 还允许开发者自定义指令。
-
vue 中的自定义指令分为两类，分别是：
⚫ 私有自定义指令
⚫ 全局自定义指令
2、声明私有自定义指令的语法
-
在每个 vue 组件中，可以在 directives 节点下声明私有自定义指令。示例代码如下：
3、使用自定义指令
-
在使用自定义指令时，需要加上 v- 前缀。示例代码如下：
4、声明全局自定义指令的语法
-
全局共享的自定义指令需要通过“单页面应用程序的实例对象”在main.js文件中进行声明，示例代码如下：
5、updated 函数
-
mounted 函数只在元素第一次插入 DOM 时被调用，当 DOM 更新时 mounted 函数不会被触发。 updated函数会在每次 DOM 更新完成后被调用。示例代码如下：
注意：在 vue2 的项目中使用自定义指令时，【mounted -> bind 】【 updated -> update 】
6、函数简写
-
如果 mounted 和updated 函数中的逻辑完全相同，则可以简写成如下格式：
7、 指令的参数值
-
在绑定指令时，可以通过“等号”的形式为指令绑定具体的参数值，示例代码如下：
文章来源地址https://www.toymoban.com/news/detail-608080.html
文章来源：https://www.toymoban.com/news/detail-608080.html
到了这里，关于Vue3: 自定义指令的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
