minix 是个什么东西， 就是混合，把你混合给我

浅显表述就是

    你说 ： ‘我叫李四’，

    我说 ： ‘我叫张三’，

然后把你 混合给我， 就成了 

     我说 ： ‘我叫张三我叫李四’，

 

所有解说都在例子里，如下：

// minix.js
 

export default {data () {return {name: 'minix',minixName: 'minixObj',flag: false}},mounted() {console.log('minixMounted');},methods: {speak() {console.log('this is minix');},getData() {return '100';}}
}

// todo.vue

import myMinix from './minix';export default {data () {return {name: 'todo',lists: [1, 2, 3, 4]}},mounted() {console.log('todoMounted');},minixs: [myMinix], // todo.vue 中声明minix 进行混合methods: {speak () {console.log('this is todo');},submit() {console.log('submit');},}
}

 

//==========

// 最终得到的结果

//==========

export default {data () {return {name: 'todo', // 共同有的data， 最后保留自己的datalists: [1, 2, 3, 4], // 自己独有的，保留minixName: 'minixObj', // todo没有的，会被添加进来flag: false // todo没有的，会被添加进来}},mounted() {// 在钩子函数中的， 会被合并到todo.vue 的钩子函数中， minix中的代码在前，自己的在后console.log('minixMounted');console.log('todoMounted');},methods: {// 同时有的方法， 会被封装为一个数组， 先执行minix中的，后执行todo自己的speak () {[function() {console.log('this is minix');},function() {console.log('this is todo');}].forEach(item => {item();})},// 自己独有的，保留submit() {console.log('submit');},// 自己没有的方法会被添加进来getData() {return '100';}}
}