Vue 原理(大厂必考)
面试为何会考察原理
面试中如何考察?以何种方式
Vue 原理包括那些
面试为何会考察原理,有用不到
知其然知其所以然 —— 各行业通用的道理
了解原理,才能应用的更好(竞争激烈,择优录取)
大厂造轮子(有钱有资源,业务定制,技术KPI)
面试如何考察 Vue 原理
考察重点,而不是考察细节。掌握好 2/8 原则
和使用相关的原理,例如 vdom 模本渲染
整体流程是否全面?热门技术是否有深度
Vue 原理
组件化
响应式
vdom 和 diff
模本编译
渲染过程
前端路由
再次回顾之前的 Vue面试题
v-show 和 v-if 的区别
为何 v-for 中要用 key
描述 Vue 组件的生命周期(有父子组件的情况)
Vue组件如何通讯
描述组件渲染和更新过程
双向数据绑定 v-model 的实现原理
组件化基础
“很久以前” 就有组件化
数据驱动视图 (MVVM , setState)
“很久以前” 的组件化
asp jsp php 已经有组件化了
nodejs 中也有类似的组件化
数据驱动视图
传统组件,只是静态渲染,更新还要依赖与操作 DOM
数据驱动视图 —— Vue MVVM
数据驱动失去 —— React setState (暂时按下表)
Vue MVVM
总结
组件化
数据驱动视图
MVVM
Vue 响应式
组件data 的数据一旦裱花,立即触发视图的更新
实现数据驱动视图的第一步
考察Vue 原理的第一题
核心 AOI - Objrct.defineProperty
如何实现响应式,代码演示
Objrct.defineProperty 的一些缺点(Vue3.0 启用proxy)
Proxy 有兼容行问题
Porxy 兼容性不好,且无法 polyfill
Vue2.x 还会存在一段时间,所以都得学
Vue3.0 相关只是,下一章讲,这里只是先提一下
Objrct.defineProperty 基本用法
Objrct.defineProperty 实现响应式
监听对象,监听数组
复杂对象,深度监听
几个缺点