Vue3渐进式JavaScript框架
Vue3是渐进式JavaScript框架,易学易用。
一、Vue3基础
Vue3采用Composition API,响应式系统全面升级。
- 响应式:ref、reactive、computed
- 模板:插值、指令、事件
- 组件:props、emit、slot
二、Composition API
Composition API是Vue3的核心特性。
- setup:组合式API入口
- ref/reactive:响应式数据
- computed:计算属性
- watch:监听器
三、路由
Vue Router是Vue的官方路由。
- 基本配置:routes、router-view
- 导航:router-link、router.push
- 守卫:beforeEach、beforeRouteEnter
四、状态管理
Pinia是Vue3推荐的状态管理库。
- Store:defineStore
- State:ref、computed
- Actions:函数方法
五、项目实战
通过项目学习Vue3是最好的方式。
- Vite:快速构建工具
- Element Plus:UI组件库
- Axios:HTTP请求






























