- 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訪問它。
推薦閱讀
- 中文版Dreamweaver CS6/Flash CS6/Photoshop CS6網頁設計基礎培訓
- Dreamweaver CC網頁設計自學經典
- HTML5+CSS3網頁制作基礎培訓教程
- Dreamweaver CC中文版網頁設計與制作從新手到高手
- 網頁設計與制作(Dreamweaver CS6)
- 網頁設計與制作Dreamweaver CS6標準教程(第2版)
- JSP動態網站開發案例指導
- Photoshop網頁設計從入門到精通
- 形·色:網頁設計法則及實例指導
- Vue應用程序開發
- Sketch 移動UI與交互設計(視頻講解版)
- Dreamweaver CS3網站制作炫例精講
- Dreamweaver CS4網頁制作入門、進階與提高
- 網站視覺設計
- Dreamweaver CS5網頁制作