前端开发Vue31. Vue3简介2026年4月7日 37 阅读|分享到 章节 (79)1.前言2.1.1. 【性能的提升】3.1.2.【 源码的升级】4.1.3. 【拥抱TypeScript】5.1.4. 【新的特性】6.2.1. 【基于 vue-cli 创建】7.查看@vue/cli版本,确保@vue/cli版本在4.5.0以上8.安装或者升级你的@vue/cli9.执行创建命令10.随后选择3.x11.Choose a version of Vue.js that you want to start the project with (Use arrow keys)12.> 3.x13.2.x14.启动15.2.2. 【基于 vite 创建】(推荐)16.1.创建命令17.2.具体配置18.配置项目名称19.是否添加TypeScript支持20.是否添加JSX支持21.是否添加路由环境22.是否添加pinia环境23.是否添加单元测试24.是否添加端到端测试方案25.是否添加ESLint语法检查26.是否添加Prettiert代码格式化27.2.3. 【一个简单的效果】28.3.1. 【OptionsAPI 与 CompositionAPI】29.3.2. 【拉开序幕的 setup】30.3.3. 【ref 创建:基本类型的响应式数据】31.3.4. 【reactive 创建:对象类型的响应式数据】32.3.5. 【ref 创建:对象类型的响应式数据】33.3.6. 【ref 对比 reactive】34.3.7. 【toRefs 与 toRef】35.3.8. 【computed】36.3.9.【watch】37.3.10. 【watchEffect】38.3.11. 【标签的 ref 属性】39.3.12. 【props】40.3.13. 【生命周期】41.3.14. 【自定义hook】42.4.1. 【对路由的理解】43.4.2. 【基本切换效果】44.4.3. 【两个注意点】45.4.4.【路由器工作模式】46.4.5. 【to的两种写法】47.4.6. 【命名路由】48.4.7. 【嵌套路由】49.4.8. 【路由传参】50.4.9. 【路由的props配置】51.4.10. 【 replace属性】52.4.11. 【编程式导航】53.4.12. 【重定向】54.5.1【准备一个效果】55.56.5.2【搭建 pinia 环境】57.5.3【存储+读取数据】58.5.4.【修改数据】(三种方式)59.5.5.【storeToRefs】60.5.6.【getters】61.5.7.【$subscribe】62.5.8. 【store组合式写法】63.6.1. 【props】64.6.2. 【自定义事件】65.6.3. 【mitt】66.6.4.【v-model】67.6.5.【$attrs 】68.6.6. 【$refs、$parent】69.6.7. 【provide、inject】70.6.8. 【pinia】71.6.9. 【slot】72.7.1.【shallowRef 与 shallowReactive 】73.7.2.【readonly 与 shallowReadonly】74.7.3.【toRaw 与 markRaw】75.7.4.【customRef】76.8.1. 【Teleport】77.8.2. 【Suspense】78.8.3.【全局API转移到应用对象】79.8.4.【其他】1 / 79前言1. Vue3简介 2020年9月18日,Vue.js发布版3.0版本,代号:One Piece(n 经历了:4800+次提交、40+个RFC、600+次PR、300+贡献者 官方发版地址:Release v3.0.0 One Piece · vuejs/core 截止2023年10月,最新的公开版本为:3.3.4 1.1. 【性能的提升】 觉得不错就点个赞吧0 人点赞 评论区 (0)发表评论支持 Markdown 格式 发表评论暂无评论,来抢沙发吧 🎉