vue的mixins使用

const mixin={
    created(){
      this.dealTime()
    },
    methods:{
      dealTime(){
        console.log('这是mixin的dealTime里面的方法');
      }
  }
}

export default{
  mixins:[mixin]
}

1. mixins 值是一个数组；
2. mixins属性在组件内与data、methods这些平级；
3. mixins 混入的属性只能是vue组件有的属性才有效，
4. 注入的钩子函数在使用钩子的时机会被执行；
5. 注入的是深拷贝的；
6. 组件首先用全局的mixins，再用局部的mixins，最后用当前组件内的。如果有相同的，后面的就覆盖前面的。
7. 全局的mixins所有的组件都会有。
8. 如果注入的mixin中调用了生命周期钩子函数，那么就会先执行mixin中的钩子函数，再执行vue组件内自己的钩子函数，总之是两者的钩子函数都会执行。而如果是组件内的方法，那么组件的同名方法会覆盖mixin中定义的方法，两者只会取一个。