Vue3錯誤訊息 Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".
從原本用CDN載入Vue,轉換為用npm載入並用webpack打包的過程中發生了錯誤,原因與Vue的使用環境有關。
Vue3錯誤訊息 Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".
從原本用CDN載入Vue,轉換為用npm載入並用webpack打包的過程中發生了錯誤,原因與Vue的使用環境有關。
將Vue-Router加入到專案中
在使用vue時,有時會需要在畫面中切換component,這時vue-router就派上用場啦,vue-router常常被用在single-page application中,這次的期中專題因為要將舊網頁變成single-page app,所以必須先了解如何將vue-router加入到專案中,方便後續使用
Vuetify安裝與使用
Vuetify是一個Vue的UI框架,有許多精美和現成的組件可讓我們快速進行網頁排版及呈現,由於這篇文章撰寫時vuetify尚未支援Vue3,所以本篇文章以Vue2為例,示範如何將vuetify加入到Vue2專案中
使用Vue CLI建立專案
在之前的課堂裡,我們都是直接開一個html檔案然後把vue寫在裡頭,這次助教介紹了Vue CLI,Vue CLI是一個官方出的工具,可以直接開一個測試用的伺服器,讓開發更方便,並且可以將程式碼打包,方便某些情況下的部署