995澳门论坛六肖六码开奖

書名： Vue.js從入門到項目實踐（超值版）
作者名：聚慕課教育研發中心編著
本章字數： 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也支持動態屬性，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訪問它。

官术网_书友最值得收藏!

Vue.js從入門到項目實踐（超值版）

3.3.2 params

3.3.2　params