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的使用環境有關。

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是一個官方出的工具,可以直接開一個測試用的伺服器,讓開發更方便,並且可以將程式碼打包,方便某些情況下的部署

Page 1 of 1