Vue Mixin混入

Jungle鬆發表於2020-12-21
Vue

Vue Mixin混入

混入（mixin）提供了一個非常靈活的方式，來分發 Vue 元件中的可複用功能。一個混入物件可以包括任意元件選項。當元件使用混入物件時，所有混入物件的選項將被「混合」進入該元件本身的選項。
上面這段摘錄自 Vue 的官方文件，文字有點難理解，

通過舉例項來解釋 mixin 的具體用法。 其實我們可以用 Object 的思想去理解 mixin，假設有一個變數 A，它的值為 { a: 1, b: 2 },有另一個變數 B，它的值為 { a: 3, c: 4 },B 作為混入的物件混入 A，那麼 A 中已有的屬性 a 不會被覆蓋，A 會新增一個 c 屬性，最終 A 為 { a: 1, b: 2, c: 4 }。

相關文章