1、組件是什么?
組件就是把圖形、非圖形的各種邏輯均抽象為一個(gè)統(tǒng)一的概念(組件)來(lái)實(shí)現(xiàn)開(kāi)發(fā)的模式,在vue中每一個(gè).vue文件都可以被視為一個(gè)組件。
組件的優(yōu)勢(shì):
降低整個(gè)系統(tǒng)的耦合度,在保持接口不變的情況下,可以替換不同的組件完成需求,例如輸入框,可以替換為日歷,時(shí)間,范圍等組件做具體實(shí)現(xiàn)
調(diào)試方便,由于整個(gè)系統(tǒng)是通過(guò)組件組合起來(lái)的,在出現(xiàn)問(wèn)題的時(shí)候,可以用排除法直接移除組件,或者根據(jù)報(bào)錯(cuò)的組件快速定位問(wèn)題,之所以能夠快速定位,是因?yàn)槊總€(gè)組件低耦合,職責(zé)單一,所以邏輯會(huì)比分析整個(gè)系統(tǒng)要簡(jiǎn)單。
提高可維護(hù)性,由于每個(gè)組件職責(zé)單一,并且組件在系統(tǒng)中是被復(fù)用的,所以對(duì)代碼進(jìn)行優(yōu)化可獲得系統(tǒng)的整體升級(jí)。
2、插件是什么?
插件通常用來(lái)為Vue添加全局功能,插件的功能范圍沒(méi)有嚴(yán)格的限制,一般分為以下幾種:
添加全局方法或者屬性,如vue-custom-element
添加全局資源:指令/過(guò)濾器/過(guò)渡等。如vue-touch
通過(guò)全局混入來(lái)添加一些組件選項(xiàng)。如vue-router
添加vue實(shí)例方法,通過(guò)把它們添加到Vue.prototype上實(shí)現(xiàn)
一個(gè)庫(kù),提供自己的API,同時(shí)提供上面的一個(gè)或多個(gè)功能。如vue-router
3、兩者的區(qū)別
兩者的區(qū)別主要體現(xiàn)在以下幾個(gè)方面:
編寫(xiě)形式
注冊(cè)形式
使用場(chǎng)景
編寫(xiě)形式
編寫(xiě)組件
編寫(xiě)一個(gè)組件,可以有很多方式,常見(jiàn)的是vue單文件的這種格式,每一個(gè).vue文件都可以被看成是一個(gè)組件
vue文件標(biāo)準(zhǔn)格式
此外,還可以通過(guò)template屬性來(lái)編寫(xiě)一個(gè)組件,如果組件內(nèi)容多,可以在外部定義template組件內(nèi)容,如果組件內(nèi)容不多,可以直接寫(xiě)在template屬性上。
編寫(xiě)插件
vue插件的實(shí)現(xiàn)應(yīng)該是暴漏一個(gè)install方法,這個(gè)方法的第一個(gè)參數(shù)是vue構(gòu)造器,第二個(gè)參數(shù)是一個(gè)可選的選項(xiàng)對(duì)象。
注冊(cè)形式
組件注冊(cè)
vue組件注冊(cè)主要分為全局注冊(cè)和局部注冊(cè)
全局注冊(cè)通過(guò)vue.component方法,第一個(gè)參數(shù)為組件名稱(chēng),第二個(gè)參數(shù)為傳入的配置項(xiàng)。
局部注冊(cè)只需要在用到的地方通過(guò)components屬性注冊(cè)一個(gè)組件
插件注冊(cè)
插件的注冊(cè)通過(guò)vue.use()的方式進(jìn)行注冊(cè)(安裝),第一個(gè)參數(shù)為插件的名字,第二個(gè)參數(shù)是可選擇的配置項(xiàng)。
值得注意的事:
注冊(cè)插件的時(shí)候,需要在調(diào)用new Vue()啟動(dòng)應(yīng)用之前完成
vue.use()會(huì)自動(dòng)阻止多次注冊(cè)相同插件,只會(huì)注冊(cè)一次
4、使用場(chǎng)景
組件(coponent)是用來(lái)構(gòu)建app的業(yè)務(wù)模塊,它的目標(biāo)是app.vue
插件(plugin)是用來(lái)增強(qiáng)你的技術(shù)棧的功能模塊,它的目標(biāo)是vue本身。文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-630967.html
簡(jiǎn)單來(lái)說(shuō),插件就是對(duì)vue的功能的增強(qiáng)和補(bǔ)充。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-630967.html
到了這里,關(guān)于vue2-組件和插件的區(qū)別的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!