過濾器
只能應(yīng)用于插值表達(dá)式和v-bind表達(dá)式
全局定義語法
定義
Vue.filter('過濾器的名稱'勺馆，function（數(shù)據(jù)名稱){return})
調(diào)用
{{ 數(shù)據(jù)名稱 ｜ 過濾器名稱 }} 支持多個(gè)過濾器同時(shí)調(diào)用
私有定義語法
定義 - 在 vm 實(shí)例中
filters{過濾器的名稱:function（數(shù)據(jù)名稱){return}
調(diào)用
{{ 數(shù)據(jù)名稱 ｜ 過濾器名稱 }} 支持多個(gè)過濾器同時(shí)調(diào)用
自定義按鍵修飾符
.enter .tab .delete .esc .space @click.enter
js按鍵對(duì)應(yīng)編碼@click.13
全局
Vue.config.keyCodes.按鍵名 = js按鍵對(duì)應(yīng)編碼
自定義指令
全局
Vue.directive('指令名稱',{指令處理函數(shù)/對(duì)象})
Vue.directive('指令名稱',{
//在每個(gè)函數(shù) 第一個(gè)參數(shù)永遠(yuǎn)是el，這個(gè)el是原生js對(duì)象 沒有插入到dom中
bind:function(el,binding){el.xxx } //立即執(zhí)行且執(zhí)行一次 //樣式指令
inserted:function(el,binding){el.xx()} //插入dom 會(huì)執(zhí)行此函數(shù) 只執(zhí)行一次 //行為指令
updated:function(el,binding){} //當(dāng)組件更新會(huì) 執(zhí)行此函數(shù) 可能會(huì)觸發(fā)多次
})
私有
directives:{
'指令名稱':{
bind:function(el,binding){}
inserted:function(el,binding){()}
updated:function(el,binding){}
}
}
簡(jiǎn)寫
directives:{
'指令名稱':{
function(el,binding){}
function(el,binding){}
}
} //等同于 bind updated
