今天呢功蜓,就說(shuō)一說(shuō)mixins和組件倒庵,經(jīng)常使用vue框架的朋友對(duì)這兩個(gè)應(yīng)該是不陌生的,他們兩個(gè)的用法功能好像在項(xiàng)目中的所扮演的角色差不多阳液。我們就帶著這個(gè)疑問(wèn)進(jìn)行扒一扒吧
我們先從api文檔中看一看官方是如何定義他們的繁疤。
mixins:混入咖为,是一種分發(fā)Vue組件中可復(fù)用功能的非常靈活的方式,混入對(duì)象可以包含任意組件選項(xiàng)稠腊。當(dāng)組件使用混入對(duì)象時(shí)躁染,所有混入對(duì)象的選項(xiàng)將被混入該組件本身的選項(xiàng)。
組件:是vue最強(qiáng)大的功能之一架忌,組件可以擴(kuò)展HTML元素吞彤,封裝可重用的代碼,在較高層面上叹放,組件是自定義的元素饰恕,vue的編譯器為它添加特殊功能,在有些情況下井仰,組件也可以是原生HTML元素的形式埋嵌,以is特性擴(kuò)展
在我的眼中呢,他們的區(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)部如data等方法,method等屬性與父組件相應(yīng)內(nèi)容進(jìn)行合并泊藕,相當(dāng)于在引入后辅辩,副組件的各種屬性方法被擴(kuò)充了
組件之間是可以有通信的,而mixins比組件多了一個(gè)data的merge娃圆。兩者使用的場(chǎng)景不同玫锋,具體的還要在不同的項(xiàng)目中進(jìn)行決定使用mixins好還是組件合適
未完待續(xù)哦。踊餐。景醇。