Vue笔记 | 夜猫子的知识栈

Vue笔记: Vue笔记，包括基础，三件套，配置，路由

目录

# 1. 基础: 1-1. MVVM模式 1-2. 生命周期 1-3. 修饰符 1-4. script setup（Vue3） 1-5. 片段(Vue3多根节点的概念) 1-6. Vue监测属性的原理 1-7. 计算属性 vs 方法 vs 侦听属性 1-8. v-if vs v-show 1-9. 列表渲染之数组、对象更新检测 1-10. style特性 1-11. style中的v-bind 1-12. 渲染机制

# 2. 响应式: 2-1. Vue3 Proxy 响应式原理 2-2. 双向绑定原理 2-3. v-model

# 3. 组件: 3-1. Prop 验证与非 Prop 的 Attribute 3-2. Attrbuite的继承 3-3. 使用组件的细节点 3-4. 祖先组件给后代传值 3-5. 父组件给子组件传值 3-6. 子组件派发事件和值给父组件 3-7. 自定义事件 3-8. 兄弟组件传值 3-9. 非父子组件传值 3-10. 父组件调用子组件方法并传入值 3-11. 插槽slot 3-12. 异步组件 3-13. 动态组件与 v-once 指令 3-14. vue父子组件的生命周期顺序

# 4. 过渡&动画: 4-1. transition过渡&动画 4-2. 使用animate库 4-3. transition-group列表过渡

# 5. 可复用性: 5-1. Mixin混入 5-2. 渲染函数 5-3. 全局API 5-4. Teleport 5-5. 组合式API 5-6. 引入css样式 5-7. 自定义hook 5-8. 自定义插件 5-9. 自定义事件 5-10. 自定义指令

# 6. 工具: 6-1. Vue CLi v3 创建项目使用记录 6-2. Vue CLi变量环境 6-3. Vue Cli生成的Html文件

# 7. 规模化: 7-1. 路由懒加载

# 8. 路由(核心): 8-1. 路由基础使用 8-2. 编程式路由导航 8-3. 路由懒加载 8-4. 路由传参 8-5. 路由守卫 8-6. 路由缓存及路由前进后退 8-7. 路由元信息 8-8. 嵌套（多级）路由 8-9. 路由过渡动效

# 9. 组合式: 9-1. 响应式包装 9-2. 计算属性 9-3. 侦听器 9-4. 依赖注入

# 10. Vuex: 10-1. Vuex

# 11. Pinia: 11-1. Pinia 11-2. 编写Pinia持久化插件

# 12. 其他: 12-1. 手动渲染虚拟dom 12-2. 全局事件总线（$bus） 12-3. 全局方法和属性 createAPP 12-4. Vue3-TS 中使用 Express 12-5. watch监听Props属性值失败原因 12-6. main.js推荐配置 12-7. 脚手架前期基础配置 12-8. 跨域之config.js配置 12-9. Vue中的防抖函数封装和使用 12-10. vue的数据更新 12-11. 操作本地缓存 12-12. api使用流程 12-13. ajax封装及api的获取和配置 12-14. vue解析n字符 12-15. TS获取ref绑定元素 12-16. 解决vue3中Props无法引入外部类型 12-17. vue2升vue3注意事项

# 13. Vue3 源码学习记录: 13-1. 前言 13-2. ref源码 13-3. 简单实现v-show 13-4. 简单实现v-modal 13-5. watch源码浅析

上次更新: 2023/7/11 18:57:41

← 《Web Api》笔记 React学习笔记→

01
watch监听Props属性值失败原因 11-13

02
手动渲染虚拟dom 11-01

03
flex布局和overflow一起使用超出滚动失效 10-31

更多文章>