文章目錄
- 1 基于vite創建
- 1.1 對比webpack和vite
- 1.2 創建工程
- 1.3 啟動項目
- 2 調試工具Vue.js Devtools
- 3 src結構
- 3.1 index.html
- 3.2 main.ts
- 3.3 App.vue(根組件)
- 4 示例(Vue2的語法)
- 4.1 Person.vue
- 4.2 App.vue
- 4.3 選項式API對比組合式API
- 4.4 程序流程
- 5 示例(Vue3的語法)
- 5.1 setup概述
- 5.2 App.vue
- 5.3 Person.vue
- 5.3.1 setup的常規寫法
- 5.3.2 setup的語法糖
- 5.3.3 插件vite-plugin-vue-setup-extend
- 6 參考附錄
基于vite創建工程，安裝調試工具Vue.js Devtools，分析src結構，舉例對比vue2語法和vue3語法，介紹vue3的setup語法糖，引入插件用于為組件命名。
1 基于vite創建
1.1 對比webpack和vite
前端構建工具webpack和vite。
1.2 創建工程
CMD>d:
CMD>cd CODEVue
)
