Vite目錄

　　　　public 下面的不會被編譯 可以存放靜態(tài)資源

　　　　　　　assets 下面可以存放可編譯的靜態(tài)資源

　　　　　　　components 下面用來存放我們的組件

　　　　　　　App.vue 是全局組件

　　　　　　　main ts 全局的ts文件

　　　　　　　index.html 非常重要的入口文件

　　　　　　　vite config ts 這是vite的配置文件

　　　　　SFC 語法規(guī)范

　　　　vue 件都由三種類型的頂層語法塊所組成：<template>、<script>、<style>

　　　　　　<template>

　　　　　　　　　　每個 *.vue 文件最多可同時包含一個頂層 <template> 塊。

　　　　　　　　　　其中的內(nèi)容會被提取出來并傳遞給 @vue/compiler-dom，預(yù)編譯為 JavaScript 的渲染函數(shù)，并附屬到導(dǎo)出的組件上作為其 render 選項(xiàng)。

　　　　　　　<script>

　　　　　　　　　　每一個 *.vue 文件可以有多個 <script> 塊 (不包括<script setup>)。

　　　　　　　　　　該腳本將作為 ES Module 來執(zhí)行。

　　　　　　　　　　其默認(rèn)導(dǎo)出的內(nèi)容應(yīng)該是 Vue 組件選項(xiàng)對象，它要么是一個普通的對象，要么是 defineComponent 的返回值。

　　　　　　　<script setup>

　　　　　　　　　　每個 *.vue 文件最多只能有一個 <script setup> 塊 (不包括常規(guī)的 <script>)

　　　　　　　　　　該腳本會被預(yù)處理并作為組件的 setup() 函數(shù)使用，也就是說它會在每個組件實(shí)例中執(zhí)行。<script setup> 的頂層綁定會自動暴露給模板。更多詳情請查看 <script setup> 文檔。

　　　　　　　<style>

　　　　　　　　　　一個 *.vue 文件可以包含多個 <style> 標(biāo)簽。

　　　　　　　　　　<style> 標(biāo)簽可以通過 scoped 或 module attribute (更多詳情請查看 SFC 樣式特性) 將樣式封裝在當(dāng)前組件內(nèi)。多個不同封裝模式的 <style> 標(biāo)簽可以在同一個組件中混