重学vue中的混入(mixins)

说明

  • 混入就是一个对象,然后把这个对象混入到某一个组件中

  • data, methods里面内容重复,优先使用组件

  • 生命周期函数,优先使用mixin里面的

  • 可以修改优先级

  • 定义混入的对象

 const myMixin = {
    
    
     data(){
    
    
         return {
    
    
             a:1
         }
     }
  }
  • 使用混入的组件

    data(){
    
    
        return {
    
    
            a:2
        },
    mixins: [myMixin],
  • 修改优先级
  app.config.optionMergeStrategies.number = (mixinVal,appValue) => {
    
    
    return mixinVal || appValue;
  }

猜你喜欢

转载自blog.csdn.net/qq_45549336/article/details/111016820