Vue mixins 混入

创建一个mixins 文件夹，文件夹里面定义一个对象 export default  暴露出去，在mixins 里面也可以使用生命周期和监听的方法

const mixin = {
  data() {
    return {
      msg: "Hello"
    }
  },
  methods: {
    mixinTest() {
      console.log(this.msg)
    }
  }
}
export default mixin;

  引入当前mixins 文件夹路由并注册，就可以使用mixins 里面的函数了

import mixin from './mixins/mixin'
   mixins: [mixin],
mounted() {
        this.mixinTest()
    }