vue中mixin的使用詳解
混入 (mixin) 提供了一種非常靈活的方式,來分發 Vue 組件中的可復用功能。一個混入對象可以包含任意組件選項。當組件使用混入對象時,所有混入對象的選項將被“混合”
進入該組件本身的選項。
組件在引用之后相當於在父組件內開辟了一塊單獨的空間,來根據父組件props過來的值進行相應的操作,單本質上兩者還是涇渭分明,相對獨立。
而mixins則是在引入組件之后,則是將組件內部的內容如data等方法、method等屬性與父組件相應內容進行合並。相當於在引入后,父組件的各種屬性方法都被擴充了。
作用:多個組件可以共享數據和方法,在使用mixin的組件中引入后,mixin中的方法和屬性也就並入到該組件中,可以直接使用。鈎子函數會兩個都被調用,mixin中的鈎子首先執行。
下面來介紹一下mixin的具體用法:
1.定義一個mixin.js文件

2.在vue文件中使用mixin

