https://athena0304.github.io/element-analysis/
1、模板字符串實現字符串拼接
typeClass() { return `el-alert--${ this.type }`; },
2、inject
inject
,與父組件中的provide
相對應,provide
選項允許我們指定我們想要提供給后代組件的數據/方法。相比 $parent
來說,這個用法可以讓我們在任意后代組件中訪問provide里的內容。
// dropown.vue
provide() { return { dropdown: this }; },
// dropdown.vue
inject: ['dropdown'], watch: { 'dropdown.placement': { immediate: true, handler(val) { this.currentPlacement = val; } } }
3、$on
監聽當前實例上的自定義事件。事件可以由vm.$emit
觸發。回調函數會接收所有傳入事件觸發函數的額外參數。
vm.$on('test', function (msg) { console.log(msg) }) vm.$emit('test', 'hi') // => "hi"