Vue
2024年03月04日
- 一、框架原理
- 1.1 什么是 MVVM?
- 1.2 Vue 响应式原理
- 1.3 Vue 双向数据绑定
- 1.4 Vue 挂载更新流程
- 1.5 new Vue() 初始化过程
- 1.6 createApp() 初始化过程
- 1.7 v-model 实现原理
- 1.8 v-model 是如何解析的?
- 1.9 Vue 组件是异步渲染的？
- 1.10 Vue3.0 自定义 v-model
- 1.11 手写 Vue3.0 基本的 effect
- 1.12 手写 Vue3.0 基本的 reactive
- 1.13 Vue 组件是如何渲染和更新的?
- 1.14 监听 data 变化的核心 API 是什么?
- 1.15 Vue2 通过数组下标更改数组视图为什么不会更新
- 1.16 动态给 Vue 的 data 添加一个新的属性时会发生什么? 怎样解决?
- 二、核心API
- 2.3 app.use 原理?
- 2.4 如何编写一个 Vue 插件?
- 2.5 computed 和 watch 实现原理?
- 2.6 Vue 中 Keep-Alive 作用是什么? 怎么实现的 ？ 如何刷新的?
- 2.7 Vue 组件 data 定义函数与对象的区别
- 2.8 v-if 和 v-for 的优先级是什么?
- 2.9 v-show 和 v-if 有什么区别? 使用场景分别是什么?
- 2.10 Vue 常用的修饰符有哪些？有哪些应用场景?
- 2.11 如何自定义一个指令？
- 2.12 computed vs methods vs watch?
- 2.13 provide / inject 是如何实现的?
- 2.14
$on、$emit是如何实现的? 如何解决项目中$on、$emit过多的问题（根据 VsCode 源码）? - 2.15 如何理解 ref toRef 和 toRefs ?
- 2.16 toRef 和 toRefs 如何使用?
- 2.17 ref toRef 和 toRefs 的最佳使用方式?
- 2.18 为什么需要用 ref ?
- 2.19 为何 ref 需要 value 属性?
- 2.20 为什么需要 toRef 和 toRefs ?
- 2.22 setup 中如何获取组件实例?
- 2.23 Vue3-script-setup-属性和事件?
- 2.24 Vue3-script-setup-暴露组件信息 defineExpose?
- 2.25 Vue 中 computed 和 watch 有什么区别?
- 2.26 Vue 中为何不要把 v-if 和 v-for 同时用在同一个元素上， 原理是什么?
- 三、生命周期
- 四、模版编译
- 五、通信方式
- 六、状态管理
- 七、异常处理
- 八、框架对比
- 九、Diff 算法
- 9.1 虚拟DOM 是什么?
- 9.2 虚拟DOM 有什么优势?
- 9.3 虚拟DOM 原理是什么？
- 9.4 如何实现一个虚拟 DOM?
- 9.5 虚拟DOM（VDom）真的很快吗？
- 9.6 Vue3.0 Diff 算法机制?
- 9.7 Vue2 Diff Vs Vue3 Diff Vs React Diff?
- 9.8 v-for 为何使用 key? 如果遇到相同的 key 会怎么样？
- 9.9 Vue、React 在虚拟 DOM 的 Diff 上，做了哪些改进使得速度很快？
- 9.10 Vue 中 key 的作用是什么? Vue 中如果不加 key 会怎么样? Vue 中为什么不能用 Index 作为 key? Vue 中如果用 Index 作为 key 会怎么样?
- 十、Vue Router
- 十一、Composition API
- 十二、其他
- 参考资料