vue3.x中实现Mixin组件功能的复用和实现全局的Mixin的配置

1. 在script中 局部引用

var baseMixin = {
    
    
  data(){
    
    
  return {
    
    
      name:'小明'
   }
  }
}
export default{
    
    
 mixins:[baeMixin]
}

2. 自定义一个minxin文件夹，建立一个basemixin.js

var baseMixin = {
    
    
  data(){
    
    
  return {
    
    
      name:'小明'
   }
  }
}
export default baseMinin

//在 组件中引用  就可以直接使用
children.vue
import baseMinxin from ''
export default{
    
    
 mixins:[baseMixin]
}

3. 自定义一个minxin文件夹，建立一个basemixin.js (可以在全局引入这样就不用再组件中单个引入了 main.js)

//组件中 什么都不要写  就可以用了 
/*export default{  //不用写
 mixins:[baseMixin]
}*/
import baseMixin from ''

app.mixin(baseMixin)