mixin混入，聽著名字感覺是什麼很不好理解的東西，其實混入很簡單

作用：混入其實就是一個js物件，來分發 Vue 元件中的可複用功能

vue檔案中中就是export default{}，混入其實就是這個東西，包含了裡面的所有東西data、methods、created...

使用：在src資料夾中建立一個mixin的資料夾，裡面就可以存放各種混入的物件的的檔案。

混入檔案formBtnContent.js,裡面定義了兩個公共的方法

export default {
  methods: {
    //重置搜尋表格
    resetBtnClick() {
      this.$refs.pageContent.getDataList()
    },
    //點選搜尋
    searchBtnClick(searchInfo) {
      this.$refs.pageContent.getDataList(searchInfo)
    },
  }
}
 

在需要使用這兩個方法的地方加入這兩行程式碼這兩個方法就混入到這個檔案中了，不需要在這個檔案中單獨寫這兩個方法了，如果很多地方用到這兩個方法，就可以通過這兩行程式碼代替，這就是混入的好處

區域性混入

如果要使用全域性混入

//Vue.mixin(混入的物件)
Vue.mixin({
  created: function () {
      console.log("全域性混入")
    }
})

當遇到命名衝突時，資料物件在內部會進行遞迴合併，並在發生衝突時以元件資料優先。同名鉤子函式將合併為一個數組，就是data裡面的屬性會以元件中的為準，方法會進行合併