- Vue.js從入門到項目實踐（超值版）
- 聚慕課教育研發(fā)中心編著
- 183字
- 2022-07-29 14:27:37
3.3.2 params
params：自定義對象中可以接收一個params數組，指定一個特性列表，Vue.js編譯器將自動提取自定義指令綁定元素上的這些特性。
代碼如下：
<div v-example a="hi"></div>
Vue.directive('example', {
params: ['a'],
bind: function(){
console.log(this.params.a)
}
})
此項API也支持動態(tài)屬性，this.params[key]會自動保持更新。另外，可以指定一個回調，在值變化時調用，代碼如下：
<div v-example v-bind:a="Vue"></div>
Vue.directive('example', {
params: ['a'],
paramWatchers: {
a: function(val,oldVal){
console.log('a changed!')
}
}
})
提示：類似于props，指令參數的名稱在JavaScript中使用camelCase風格，在HTML中對應使用kebab-case風格。假設在模板中有一個參數disable-effect，在JavaScript中以disableEffect訪問它。