ORTECH
首页
搜索
归档
关于
留言板
友链
我
Article
73
Category
5
Tags
10
首页
搜索
归档
关于
留言板
友链
我
知行合一
Vue3快速入门
Post on: 2025-8-5
Last edited: 2025-8-8
Views
开发
建站
Catalog
0%
1. Vue3简介
1.1. 【性能的提升】
1.2.【 源码的升级】
1.3. 【拥抱TypeScript】
1.4. 【新的特性】
2. 创建Vue3工程
2.1. 【基于 vue-cli 创建】
2.2. 【基于 vite 创建】(推荐)
3. Vue3核心语法
3.1. 【OptionsAPI 与 CompositionAPI】
Composition API 的优势
3.2. 【拉开序幕的 setup】
setup 概述
setup 的返回值
setup 与 Options API 的关系
3.5. 【ref 创建:对象类型的响应式数据】
3.6. 【ref 对比 reactive】
3.7. 【toRefs 与 toRef】
3.8. 【computed】
3.9.【watch】
情况一
情况二
情况三
情况四
情况五
3.10. 【watchEffect】
3.11. 【标签的 ref 属性】
3.12. 【props】
3.13. 【生命周期】
3.14. 【自定义hook】
4. 路由
4.1. 【对路由的理解】
4.2. 【基本切换效果】
4.3. 【两个注意点】
4.4.【路由器工作模式】
4.5. 【to的两种写法】
4.6. 【命名路由】
4.7. 【嵌套路由】
4.8. 【路由传参】
query参数
params参数
4.9. 【路由的props配置】
4.10. 【 replace属性】
4.11. 【编程式导航】
4.12. 【重定向】
5. pinia
5.1【准备一个效果】
5.2【搭建 pinia 环境】
5.3【存储+读取数据】
5.4.【修改数据】(三种方式)
5.5.【storeToRefs】
5.6.【getters】
5.7.【$subscribe】
5.8. 【store组合式写法】
6. 组件通信
6.1. 【props】
6.2. 【自定义事件】
6.3. 【mitt】
6.4.【v-model】
6.5.【$attrs 】
6.6. 【refs、parent】
6.7. 【provide、inject】
6.8. 【pinia】
6.9. 【slot】
1. 默认插槽
2. 具名插槽
3. 作用域插槽
7. 其它 API
7.1.【shallowRef 与 shallowReactive 】
shallowRef
shallowReactive
总结
7.2.【readonly 与 shallowReadonly】
readonly
shallowReadonly
7.3.【toRaw 与 markRaw】
toRaw
markRaw
7.4.【customRef】
8. Vue3新组件
8.1. 【Teleport】
8.2. 【Suspense】
8.3.【全局API转移到应用对象】
8.4.【其他】
迷途
OR的博客,用知识和技术创造未来!!!
Article
73
Category
5
Tags
10
Latest posts
腾讯(EdgeOne)CDN加速
2026-4-26
免费二级域名pp.ua
2026-4-26
效率提升方法论
2026-3-11
2025年度总结
2025-12-28
记参加学术会议
2025-12-28
算法题整理
2025-12-17
Announcement
🎉OR科技,用心服务🎉
-- 分享知识,点亮生活 ---
保持热爱追逐远方
路虽远行则将至
事虽难不为不成
为之则易不为则难
👏欢迎您的来访👏
联系我们
距离2026年春节仅有
-- 免责声明 ---
⚠️ 本站内容仅代表个人观点,可以转载,但请注明出处。 ⚠️ 本人分享内容仅供学习参考使用,请勿用于其他用途。
Catalog
0%
1. Vue3简介
1.1. 【性能的提升】
1.2.【 源码的升级】
1.3. 【拥抱TypeScript】
1.4. 【新的特性】
2. 创建Vue3工程
2.1. 【基于 vue-cli 创建】
2.2. 【基于 vite 创建】(推荐)
3. Vue3核心语法
3.1. 【OptionsAPI 与 CompositionAPI】
Composition API 的优势
3.2. 【拉开序幕的 setup】
setup 概述
setup 的返回值
setup 与 Options API 的关系
3.5. 【ref 创建:对象类型的响应式数据】
3.6. 【ref 对比 reactive】
3.7. 【toRefs 与 toRef】
3.8. 【computed】
3.9.【watch】
情况一
情况二
情况三
情况四
情况五
3.10. 【watchEffect】
3.11. 【标签的 ref 属性】
3.12. 【props】
3.13. 【生命周期】
3.14. 【自定义hook】
4. 路由
4.1. 【对路由的理解】
4.2. 【基本切换效果】
4.3. 【两个注意点】
4.4.【路由器工作模式】
4.5. 【to的两种写法】
4.6. 【命名路由】
4.7. 【嵌套路由】
4.8. 【路由传参】
query参数
params参数
4.9. 【路由的props配置】
4.10. 【 replace属性】
4.11. 【编程式导航】
4.12. 【重定向】
5. pinia
5.1【准备一个效果】
5.2【搭建 pinia 环境】
5.3【存储+读取数据】
5.4.【修改数据】(三种方式)
5.5.【storeToRefs】
5.6.【getters】
5.7.【$subscribe】
5.8. 【store组合式写法】
6. 组件通信
6.1. 【props】
6.2. 【自定义事件】
6.3. 【mitt】
6.4.【v-model】
6.5.【$attrs 】
6.6. 【refs、parent】
6.7. 【provide、inject】
6.8. 【pinia】
6.9. 【slot】
1. 默认插槽
2. 具名插槽
3. 作用域插槽
7. 其它 API
7.1.【shallowRef 与 shallowReactive 】
shallowRef
shallowReactive
总结
7.2.【readonly 与 shallowReadonly】
readonly
shallowReadonly
7.3.【toRaw 与 markRaw】
toRaw
markRaw
7.4.【customRef】
8. Vue3新组件
8.1. 【Teleport】
8.2. 【Suspense】
8.3.【全局API转移到应用对象】
8.4.【其他】