Vue3+Vite实现工程化，ref初次接触响应式和setup语法糖

1、 App.vue

2、main.js

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'

createApp(App).mount('#app')

3、index.html

在Vue3中，浏览器会先加载和解析index.html文件，然后再执行main.js里的代码。这是因为index.html是HTML文档的入口点，而main.js是JavaScript文件，在index.html中通过script标签引入。当浏览器解析index.html时，会从上到下逐行执行HTML和JavaScript代码，并且遇到script标签时会先加载并执行其中的代码。因此，即使在main.js中编写了Vue3代码，也必须通过在index.html中引入main.js来启动应用程序，并且必须等到index.html加载和解析完成后才能执行。