1、什么是自定義指令
- vue 官方提供了 v-for、v-model、v-if 等常用的內(nèi)置指令。除此之外vue 還允許開發(fā)者自定義指令。
-
vue 中的自定義指令分為兩類，分別是：
? 私有自定義指令
? 全局自定義指令
2、聲明私有自定義指令的語法
-
在每個(gè) vue 組件中，可以在 directives 節(jié)點(diǎn)下聲明私有自定義指令。示例代碼如下：
3、使用自定義指令
-
在使用自定義指令時(shí)，需要加上 v- 前綴。示例代碼如下：
4、聲明全局自定義指令的語法
-
全局共享的自定義指令需要通過“單頁面應(yīng)用程序的實(shí)例對(duì)象”在main.js文件中進(jìn)行聲明，示例代碼如下：
5、updated 函數(shù)
-
mounted 函數(shù)只在元素第一次插入 DOM 時(shí)被調(diào)用，當(dāng) DOM 更新時(shí) mounted 函數(shù)不會(huì)被觸發(fā)。 updated函數(shù)會(huì)在每次 DOM 更新完成后被調(diào)用。示例代碼如下：
注意：在 vue2 的項(xiàng)目中使用自定義指令時(shí)，【mounted -> bind 】【 updated -> update 】
6、函數(shù)簡(jiǎn)寫
-
如果 mounted 和updated 函數(shù)中的邏輯完全相同，則可以簡(jiǎn)寫成如下格式：
7、 指令的參數(shù)值
-
在綁定指令時(shí)，可以通過“等號(hào)”的形式為指令綁定具體的參數(shù)值，示例代碼如下：
文章來源地址http://www.zghlxwxcb.cn/news/detail-608080.html
文章來源：http://www.zghlxwxcb.cn/news/detail-608080.html
到了這里，關(guān)于Vue3: 自定義指令的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
