在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ Vue項(xiàng)目中什么情況下可以把組件注冊(cè)為vue.component?

Vue項(xiàng)目中什么情況下可以把組件注冊(cè)為vue.component?

對(duì)于通過(guò)Vue.component注冊(cè)的組件,全局僅打包一次,我們?cè)陧?xiàng)目中抽取通用組件的目的除了開(kāi)發(fā)中更加方便,也就是希望代碼打包的時(shí)候可以少一個(gè)點(diǎn)了吧;
而在每個(gè)頁(yè)面通過(guò)import導(dǎo)入的組件,然后通過(guò)components聲明的,而通過(guò)webpack打包卻會(huì)在每個(gè)頁(yè)面都重復(fù)打吧一次,這樣就有多點(diǎn)浪費(fèi)。

像element這種框架,其實(shí)是把通用而不涉及業(yè)務(wù)邏輯的模塊抽成組件,而我們?cè)谧约洪_(kāi)發(fā)過(guò)程中,自己抽取的會(huì)在每個(gè)頁(yè)面都會(huì)用的,而且也涉及到了一些業(yè)務(wù)邏輯,但都可以通過(guò)配置參數(shù)來(lái)控制的,是不是也可以抽取成Vue.component的形式呢?

回答
編輯回答
傲嬌范

.vue的文件最終也輸出生vue.component,webpack在打包的時(shí)候會(huì)追蹤引用的,全局只打包一次。不信你可以試試,一個(gè)文件里面引用一個(gè)很大的組件,引用10遍看看打包會(huì)不會(huì)變大。很好驗(yàn)證的東西,不知道你的每個(gè)import都要打包的結(jié)論是怎么得到的。而且webpack文檔也說(shuō)的很清楚了。

2018年4月25日 03:16
編輯回答
毀了心

@吃山鬼的神仙

這是我截取的兩個(gè)打包后的文件,這個(gè)就是自己?jiǎn)为?dú)抽出來(lái)的一個(gè)Modal組件,然后在每個(gè)用到的頁(yè)面引入的,然后打包文件中,把組件的源碼也都依次打包了一遍。
我覺(jué)得這篇文章講的就是如何實(shí)現(xiàn)在不通過(guò)全局注冊(cè)的情況下,如何實(shí)現(xiàn)將局部組件合并打包的 鏈接描述

圖片描述
圖片描述

2018年7月30日 04:26
編輯回答
玩控
2018年9月23日 08:44