28. Vue應用
應用實例
每個 Vue 應用都是通過 createApp函數創建一個新的 應用實例
main.js
import {createApp} from 'vue'
import App from './App.vue'// app:Vue的實例對象
// 在一個Vue項目中，有且只有一個Vue的實例對象
const app = createApp(App)/* 根組件選項 */
// App:根組件
app.mount('#app')
根組件
我們傳入createApp的對象實際上是一個組件，每個應用都需要一個根組件”，其他組件將作為其子組件。
import {createApp} from 'vue'// 從一個單文件組件中導入根組件
import App from './App.vue'const app = createApp(App)app.mount('#app')
掛載應用
應用實例必須在調用了.mount()方法后才會渲染出來。該方法接收一個“容器"參數，可以是一個實際的DOM元素或是一個 CSS 選擇器字符串
app.mount('#app')
#app --> index.html
<!DOCTYPE html>
<html lang=""><head><meta charset="UTF-8"><link rel="icon" href="/favicon.ico"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Vite App</title></head><body><!-- 瀏覽器可執行文件：1.Html2.CSS3.JavaScript4.Image構建工具：Webpack vite--><div id="app"></div><script type="module" src="/src/main.js"></script></body>
</html>
公共資源
在src目錄下的assets文件夾的作用就是存放公共資源，例如：圖片、公共CSS或者字體圖標等
Vue教程至此結束。當然，vue要學的還有很多，比如前后端分離等等。自行擴展學習吧
多練習為主！
