vue2視訊教程系列第三十節—擴充套件(extends)
擴充套件(extends) 主要是為了便於擴充套件單檔案元件。
今天介紹的擴充套件(extends) 與混入(mixins)是孿生兄弟,作用和用法基本相同。
同樣也是在建構函式外定義extends,在建構函式裡進行註冊。
定義如下:
var countConsole = { updated() { console.log(this.count+"這裡是擴充套件的內容") } }
註冊如下:
extends: countConsole
這下extends和mixins的區別就顯示出來了,也是惟一不同的地方。Mixins是支援多個mixins物件的,所以它的值是陣列的形式,而extends呢只是支援一個物件,不能是陣列的。
Extends的優先順序和mixins的優先順序是一樣的:
- 全域性
- 區域性mixins
- 構選函式
Extends和mixins一樣,如果定義methods的話,其自定義函式是不能相同的,否則不會執行區域性extends裡的函式,切記切記!
就到這裡了,休息休息一會兒吧:)
歡迎關注前端學習交流群:duzhan2018(微信)