目錄

• 解決方案，
  
• 總結：
  

專案中。寫在.vue檔案的template裡的程式碼需要藉助webpack的模板解析器外掛才能解析。單個.html檔案引入vue檔案時，該vue檔案順便把模板解析器引入進來了(缺點是體積大)。

所以我們使用工程化開發專案時候，需要在package.on檔案引入vue-template-compile，用於進行模板解析

如果沒有模板解析器，就解析不了，但是vue-template-compile只能解析.vue檔案裡的模板，沒辦法解析.js檔案裡的模板：

所以當我們這麼寫的時候會解析不了

為什麼解析不了？因為main.js檔案引入的vue檔案沒有帶模板解析器

vue.runtime.common.js是不帶模板解析器的.vue檔案，vue.js是帶http://www.cppcns.com模板解析器的vue檔案

如果我們在main.js引入帶有模板解析器的vue.js檔案，則可以解析template

為什麼預設引入的是不帶模板解NBsgDZwUrb析器的vue.js檔案？
因為體積問題：

解決方案，

使用官方提供的render函式。他能夠通過h函式去呼叫引入的vue-template-compile，也就是第九行程式碼↓相當於第十一行和第十二行加上loader模板解析器。

總結：

本篇文章就到這裡了，希望能給你帶來幫助，也希望您能夠多多關注我們的更多內容！