vue3的项目结构:
public：存放静态资源文件，如HTML文件、图片、图标等。src：存放源代码文件。
assets：存放静态资源文件，如CSS、图片、字体等。
components：存放Vue组件文件。
router：存放Vue Router路由文件。
store：存放Vuex状态管理文件。
utils：存放工具函数文件。
views：存放页面组件文件。
App.vue：根组件文件。
main.ts：入口文件，包括Vue实例的创建和挂载等。tests：存放测试文件。node_modules：存放项目依赖的第三方库。
package.json：存放项目的配置信息和依赖库信息。
tsconfig.json：存放TypeScript编译器的配置信息。
README.md：项目说明文件。
vue3的几个常用知识点:
1.插值表达式
vue3的插值表达式使用{{}},比如:
{{ message }}2.指令
vue3的指令使用v-前缀，比如:
常用的指令包括:
v-if 条件渲染，v-for 循环渲染，v-bind 绑定属性，v-on 绑定事件 ，v-model 双向绑定。
在vue3中，绑定属性时，可以使用v-bind:或简写的:，在绑定事件时，必须使用v-on:或简写的@。
3.vue3的生命周期
创建阶段:setup
加载阶段:onBeforeMount,onMounted
更新阶段:onBeforeUpdate,onUpdated
卸载阶段: onBeforeUnmount,onUnmounted
常用的钩子: onMounted (加载完毕)，onUpdated（更新完毕），onBeforeUnmount(卸载之前)
4.vue3的路由：
路由器工作模式
history模式:
优点：URL更加美观，不带有#，更接近传统的网站URL。
缺点：后期项目上线，需要服务端配合处理路径问题，否则刷新会有404错误。
const router = createRouter({ history:createWebHistory(), //history模式 /******/})hash模式
优点：兼容性更好，因为不需要服务器端处理路径。
缺点：URL带有#不太美观，且在SEO优化方面相对较差。
const router = createRouter({ history:createWebHashHistory(), //hash模式 /******/})5.vue3的组件通信
props,自定义事件，mitt,v-model, provide/inject等等
6.状态管理工具pinia,集中式状态(数据)管理。
7.ref 基本响应式
const count = ref(0) → 读写 count.value
reactive 对象响应式
const state = reactive({ a: 1 }) → 直接 state.a = 2
