使用vite構建專案步驟

1. 安裝node，cmd輸入：node -v驗證是否安裝成功；一般node安裝後會自動安裝npm，cmd輸入：npm -v驗證是否安裝成功
2. 選擇一個資料夾作為專案資料夾，搜尋框輸入cmd，輸入：npm init @vitejs/app
3. 輸入專案名稱或者按enter使用預設名稱：vite-project
4. 選擇框架vue
5. 進入專案：cd vite-project
6. 執行：npm install
7. 執行專案：npm run dev
8. 如果出現報錯，管理vue模板校驗：vscode>setting>取消勾選Vetur>Validation:template

單檔案元件

<template>  
</template>

<script>  
</script>

<style>  
</style>

vite專案的單檔案元件使用邏輯

1. 自定義的單檔案元件如helloworld.vue通過export匯出
2. 在app.vue中通過import匯入自定義的單檔案元件
3. 在main.js中通過mount方法掛載

viet專案在app.vue中同樣可使用單檔案元件的形式，這時如果同時要引入自定義的單檔案元件，需使用如下方式：

import HelloWorld from './components/HelloWorld.vue'
export default {
components: {
HelloWorld
}

父元件app.vue通過props向子元件helloword.vue傳值時如果報錯，子元件中可使用單根元件
在父元件app.vue中使用引入的子元件時，可使用小寫，必須用 - 連線；使用子元件必須有 /