在專案開發的時候，常會碰到這樣的一種現象：有兩個元件非常相似，比如較為熟悉的modal、tooltip和popover，它們都具有同樣的基本函式，而且它們之前也有足夠的不同。很多時候，就讓人很難做出選擇：是把它們拆會成多個不同的元件呢？還是只使用乙個元件，建立足夠的屬性來改變不同的情況。
這些解決方案都不夠完美。如果拆會成多個元件，就不得不冒著如果功能變動你要在多個檔案中更新它的風險。另一方面，太多的屬笥會很快變得混亂，難維護，甚至對於元件開發者自已面言，也是件難事。
在vue中，對於這樣的場景，官方提供了一種叫混入（mixins）的特性。使用mixins允許你封裝一塊在應用的其他元件中都可以使用的函式。如果被正確的使用，他們不會改變函式作用域外部的任何東西，所以多次執行，只要是同樣的輸入，總是能得到一樣的值。
既然vue的mixins這麼優秀，那應該怎麼使用呢？今天我們的目的就是學習如何在vue的專案中使用mixins。
（一）vue2 0學習筆記
官方api位址 引用 body標籤的閉合標籤上面 2.1.0 新增 用法 繫結事件 事件型別由引數指定。表示式可以是乙個方法的名字或乙個內聯語句，如果沒有修飾符也可以省略。用在普通元素上時，只能監聽原生 dom 事件。用在自定義元素元件上時，也可以監聽子元件觸發的自定義事件。在監聽原生 dom 事件...
vue2 0學習記錄
1 在main.js可註冊全域性元件，vue.components 元件名稱 元件名 import 元件名 from components 元件檔案 3 元件的標籤名不可與系統的html標籤重複 4 父元件向子元件傳值 父元件有乙個陣列 users 在父元件模板中的子元件標籤中接收 users us...
Vue2 0學習之路
一 基礎 1.vue2.0學習記錄 hello world 2.vue2.0學習記錄 todo list初步 3.vue2.0學習記錄 mvvm模式 4.vue2.0學習記錄 全域性元件 5.vue2.0學習記錄 區域性元件 6.vue2.0學習記錄 父子元件傳值 7.vue2.0學習記錄 生命週期...