javascript - vuejs運行時建置和獨立建置的區別，分別適用於什麼樣的業務場景？

Question

看官網上介紹獨立構建和運行時構建，講的雲裡霧裡，不知道實際工作中該怎麼用？

Answer 1

獨立建置可以用template選項,
運行時建構不行,只能透過模板來編譯轉成render函數.

Answer 2

一、獨立建置包含模板編譯器，執行時期建置不包含模板編譯器。
二、模板編譯器的作用就是將template選項編譯成render函數，render函數是渲染的關鍵。
三、鑑於以上兩點，使用執行時間建置時，不能出現template選項，因為此時沒有模板編譯器。但有一種情況除外：即webpack+vue-loader情況下單一檔案元件中出現template是可以的。
四、使用vue-cli生成專案時，會提醒使用哪種構建方式，npm套件預設導出的是運行時構建，如果需要使用獨立構建，需要在webpack中配置alias
五、目前暫時發現的兩者的應用場景上的差異有：

• 需要注意Vue實例化時的方式，運行時建構方式下實例化Vue時，不要出現template屬性

• index.html中不要出現template或是透過vue-router渲染的route-view

以上差異討論的場景皆為使用webpack+vue-loader單一檔案元件下，其他的差異暫時未發現。