混入功能 实质就是java的工具类,他是一个.js文件,里面包含了这个应用中组件复用的方法

并用expert 暴露接口,组件可以按需要引入对应方法,直接调用即可

 

(1)一般放入common.js文件中

(2)配置项的methods,生命周期函数都可以写入mixins

(3)对应配置对象中的mixins:[暴露方法的变量名]

(4)混合中以原有data数据和methods方法为主,混合不会覆盖

(5)但是生命周期函数会重复调用,原有和混合的都会调用,并且混合在前

(6)混入可以定义全局的数据

Vue.mixin({
   data(){
   return {
    x:100 
  } 
} 
})

 

 

 

全局混合

(1)直接将混合文件引入到main.js中,并用Vue.mixin()方法注册,混合内容就可以在所有组件中使用