element-ui 源碼學習


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"

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM