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';}} }

本面試題為前端常考面試題，后續有機會繼續完善。我是歌謠，一個沉迷于故事的講述者。

歡迎一起私信交流。

“睡服“面試官系列之各系列目錄匯總（建議學習收藏）?

總結

以上是生活随笔為你收集整理的“约见”面试官系列之常见面试题第二十八篇之vue中的混合（minix）实例理解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。