千鋒教育前端Vue3.0全套視頻教程(Kerwin2023版,Vue.js零基礎(chǔ)

自定義一個(gè)以v-開頭的屬性 自定義指令能做的事情:操作dom
1.設(shè)置主題
2.設(shè)置權(quán)限
3.添加事件
需要:完成一個(gè)自定義指令的定義:需要定義它提供的5個(gè)狗子函數(shù)(不是必須全都用到)
鉤子函數(shù):一個(gè)方法在執(zhí)行過(guò)程中 添加的若干個(gè)節(jié)點(diǎn) 這些節(jié)點(diǎn)他的執(zhí)行有先后順序 可以利用此順序來(lái)完成一系列工作。
鉤子函數(shù):
bind 制定和綁定元素初始化時(shí)觸發(fā)
inserted 當(dāng)前指令綁定的元素它的已完全掛載到它的父節(jié)點(diǎn)中
update 數(shù)據(jù)更新時(shí) 或者更新前
componentUpdated 更新后
unbind 綁定的元素被銷毀時(shí)觸發(fā)
定義自定義指令: 全局指令 【當(dāng)前項(xiàng)目中所有的組件都可以用】 局部指令【在哪個(gè)組件定義,此指令只能在此組件中使用】 (globalthis)既可以在window中用又可以在nodejs中用
全局: vue.directive(名稱不要帶v-)
對(duì)象方式它可以定義五個(gè)鉤子函數(shù) 函數(shù)的方式是bind和update縮寫
局部: 配置選項(xiàng)中定義 directives{
名稱【不要帶v-】:{ }
}
標(biāo)簽: