vue中提供了一種混合機(jī)制--mixins，用來(lái)更高效的實(shí)現(xiàn)組件內(nèi)容的復(fù)用。最開(kāi)始我一度認(rèn)為這個(gè)和組件好像沒(méi)啥區(qū)別。。后來(lái)發(fā)現(xiàn)錯(cuò)了。下面我們來(lái)看看mixins和普通情況下引入組件有什么區(qū)別？ 組件在引用之后相當(dāng)于在父組件內(nèi)開(kāi)辟了一塊單獨(dú)的空間，來(lái)根據(jù)父組件props過(guò)來(lái)的值進(jìn)行相應(yīng)的操作，單本質(zhì)上兩者還是涇渭分明，相對(duì)獨(dú)立。 而mixins則是在引入組件之后，則是將組件內(nèi)部的內(nèi)容如data等方法、method等屬性與父組件相應(yīng)內(nèi)容進(jìn)行合并。相當(dāng)于在引入后，父組件的各種屬性方法都被擴(kuò)充了。 單純組件引用： 父組件 + 子組件 >>> 父組件 + 子組件 mixins： 父組件 + 子組件 >>> new父組件 值得注意的是，在使用mixins時(shí)，父組件和子組件同時(shí)擁有著子組件內(nèi)的各種屬性方法，但這并不意味著他們同時(shí)共享、同時(shí)處理這些變量，兩者之間除了合并，是不會(huì)進(jìn)行任何通信的。最開(kāi)始看到mixins的時(shí)候，天真的我似乎看到了一種向下的類(lèi)似vuex的數(shù)據(jù)共享方案，心情十分激動(dòng)啊。但是仔細(xì)一研究官方api和一些技術(shù)博客，才發(fā)現(xiàn)自己。。。天真。 具體使用以及內(nèi)容合并策略請(qǐng)參照官方API及其他技術(shù)貼等 https://cn.vuejs.org/v2/guide/mixins.html http://www.deboy.cn/Vue-mixins-advance-tips.html

轉(zhuǎn)載于:https://www.cnblogs.com/heioray/p/6888982.html

總結(jié)

以上是生活随笔為你收集整理的vue中mixin的一点理解的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。