看官網(wǎng)上介紹獨立構(gòu)建和運行時構(gòu)建,講的雲(yún)裡霧裡,不知道實際工作中該怎麼用?
光陰似箭催人老,日月如移越少年。
獨立建置可以用template選項,
運行時建構(gòu)不行,只能透過模板來編譯轉(zhuǎn)成render函數(shù).
一、獨立建置包含模板編譯器,執(zhí)行時期建置不包含模板編譯器。
二、模板編譯器的作用就是將template選項編譯成render函數(shù),render函數(shù)是渲染的關(guān)鍵。
三、鑑於以上兩點,使用執(zhí)行時間建置時,不能出現(xiàn)template選項,因為此時沒有模板編譯器。但有一種情況除外:即webpack+vue-loader情況下單一檔案元件中出現(xiàn)template是可以的。
四、使用vue-cli生成專案時,會提醒使用哪種構(gòu)建方式,npm套件預(yù)設(shè)導(dǎo)出的是運行時構(gòu)建,如果需要使用獨立構(gòu)建,需要在webpack中配置alias
五、目前暫時發(fā)現(xiàn)的兩者的應(yīng)用場景上的差異有:
需要注意Vue實例化時的方式,運行時建構(gòu)方式下實例化Vue時,不要出現(xiàn)template屬性
index.html中不要出現(xiàn)template或是透過vue-router渲染的route-view
以上差異討論的場景皆為使用webpack+vue-loader單一檔案元件下,其他的差異暫時未發(fā)現(xiàn)。