1.vue的其它指令
1.1v-text 和 v-html
v-text:當(dāng)做文件解析。
v-html:當(dāng)做 HTML 代碼解析。
1.2 v-cloak
v-cloak 配置 css 樣式來解決胡子的閃現(xiàn)問題。
我們模擬網(wǎng)絡(luò)延遲的情況下,發(fā)現(xiàn)出現(xiàn)了如上的問題。
1.3 v-once
只渲染一次。之后將被視為靜態(tài)內(nèi)容。
1.4 v-pre
帶有該指令的標(biāo)簽將不會被編譯。
2. 自定義指令
2.1 函數(shù)式
指令的名字
(1)v-不需要寫
(2)Vue官方建議指令的名字要全部小寫,如果多個單詞,使用-銜接
回調(diào)函數(shù)的執(zhí)行時機包括:
(1)標(biāo)簽和指令第一次綁定的時候
(2)模板被重新解析的時候
回調(diào)函數(shù)有兩個參數(shù)
(1)第一個參數(shù)是真實的dom元素
(2) 第二個參數(shù)是標(biāo)簽和指令之間綁定關(guān)系的對象
2.2 對象式
鉤子函數(shù):VUE的生命周期鉤子函數(shù):就是指在一個組件從創(chuàng)建到銷毀的過程自動執(zhí)行的函數(shù),包含組件的變化??梢苑譃椋簞?chuàng)建、掛載、更新、銷毀四個模塊。
改變父節(jié)點樣式的案例:文章來源:http://www.zghlxwxcb.cn/news/detail-474253.html
2.3.定義全局的指令
文章來源地址http://www.zghlxwxcb.cn/news/detail-474253.html
到了這里,關(guān)于【Vue】二:Vue核心處理---vue的其它指令和自定義指令的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!