vue3结构

• views文件夹：.vue文件代表每一个页面
• router文件夹：代表路由，是网址对应的页面
• component文件夹：存各种组件，views也能存，主要根据个人习惯
• main.js文件：是整个程序的入口

  import { createApp } from 'vue'
  import App from './App.vue'
  import router from './router'
  import store from './store'

  createApp(App).use(store).use(router).mount('#app')

引入各种（store是vuex），再将整个App挂载到app这个元素上，app元素在public/index.html里的div，在这个html文件中，会把全部JS文件打包为一个（查看网页源码会发现多出了一行/js/app.js）。

• App.vue：根组件，名字任意定义

前端渲染框架和后端渲染框架

后端渲染框架：Server端和Client端建立连接，前端发出请求（链接地址）给服务器，后端会返回一个单独的页面。

前端渲染框架：只有在第一次打开页面的时候，会向服务器发送请求，服务器会一次把所有页面样式都返回到一个JS文件里面，当后面再打开的时候就不会发送请求，而是用JS文件渲染出来。

vue文件组成

html, JS, CSS内容全在一个文件里，CSS的style使用scoped属性，它保证了不同组件的CSS选择器不会互相影响到，因为每一个vue文件内的CSS选择器都会有唯一的随机值，例如h3[data-v-469af010]{}