說明：

在使用使用vue 開發(fā)后臺(tái)的系統(tǒng)的時(shí)候，看到別人使用了關(guān)于mixins 的使用，對(duì)此是一知半解（非專業(yè)前端的悲哀）。百度一番之后：
mixins的意思是 混入： 是一種分發(fā) Vue 組件中可復(fù)用功能的非常靈活的方式。
這個(gè)混入對(duì)象可以包含任意組件選項(xiàng)，包括屬性，方法，等···
黨我們的在當(dāng)組件使用混入對(duì)象時(shí)，所有混入對(duì)象的選項(xiàng)將被混入該組件本身的選項(xiàng)。

遇到問題：

對(duì)mixins 的定義的方式，因?yàn)闉榱讼攵x傳參，給mixins 混入的初始化對(duì)象的時(shí)候，有相關(guān)的參數(shù)的傳遞。

由于 mixins 的created方法的調(diào)用，在混入的組件的created方法調(diào)用前面，當(dāng)我想初始化定義mixins里配置一些參數(shù)的時(shí)候就沒辦法了！

第1種定義方式：

對(duì)于定義mixins 百度一份有人是這樣定義可以傳參的：
一下文字來自：
————————————————
版權(quán)聲明：本文為CSDN博主「前端開發(fā)終生學(xué)習(xí)者」的原創(chuàng)文章，遵循CC 4.0 BY-SA版權(quán)協(xié)議，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/ltf_1225/java/article/details/94628001

mixin.js

export default function(config) {
    let {
        listUrl="",
        exportUrl=""
    } = config;
    return {
        created() {
            console.log(listUrl);
            console.log(exportUrl);
        }
    }
}

xxx.vue

import Mixin from './mixin';
let mixin = new Mixin({
    listUrl: "www.baidu.com",
    exportUrl: "www.yahu.com"
})
 
export default{
    mixins:[mixin],
}

第2種定義方式：

image.png

對(duì)于：

// 創(chuàng)建一個(gè)需要混入的對(duì)象
export const mixinHello = {
 data(){
    return {
      is_loaddata:true,
    }
  },
    created() {  
      # 想在這里動(dòng)態(tài)的根據(jù)is_loaddata來處理相關(guān)的操作！
       if(this.is_loaddata:true){
          this.hello();
        }
      
    },
    methods: {
        hello() {
            console.log('Hello');
        }
    }
};

假如我想在這里動(dòng)態(tài)的根據(jù)is_loaddata來處理相關(guān)的操作！就需要再

import {myMixin} from './../assets/js/mixin';
export default {
    mixins:[myMixin],
    name: 'test',
    data () {
        return {
            msg: 'Welcome to Your project'
        }
    }
}

進(jìn)行關(guān)于mixinHello 的is_loaddata的值的設(shè)置操作！

這其實(shí)沒必要進(jìn)行傳參什么的！??！直接的在引入的組件了定義一個(gè)is_loaddata和mixinHello 的值一樣的，就可以覆蓋了！?。?！

傻叉的我的！小記！一下！