vue面试题

Vue原理包括哪些？

1.组件化和MVVM
2.响应式原理
3.vdom 和 diff 算法
4.模板编译
5.组件渲染过程
6.前端路由

组件化基础
1.很久以前”的组件化
asp jsp php 已经有组件化
nodejs 中已有类似组件化
2.数据驱动视图-Vue MVVM

view中就是视图，其中有各种点击，dom事件
vuemodel中实现两者关联，进行渲染例如监听事件、指令，它是vue提供的一种能力
model就是“data”（数据）
vuemodel：是一个代码的连接层是抽象的，无法用代码片段显示，大致上就像是vue修改model
Vue 响应原理
组件化data的数据一旦变化，立刻触发视图的更新
1.核心 API-Object，defineProperty用法

缺点
1.深度监听，需要递归到底 ，计算量大
2.无法监听新增属性/删除属性
虚拟DOM(virtual DOM) 和 diff
1.vdom是实现vue 和React的重要基石（vue React是数据驱动试图）
vdom可以把计算转移为js计算
vdom 用js模拟dom结构
snabbdom是一个简易的实现vdom功能的库，vdom里面有两个核心的API,一个是h函数，一个是patch函数。前者是用来生成vdom对象（vue中使用render函数，将真实的节点转换成vnode），后者是用做vdom之间的对比以及将vdom挂载到真实的dom上。vue就是因为其使用了snabbdom而有更优异的性能。
2.diff算法是vdom中最核心的
diff算法过程

比较原理：
1.只比较同一级别，不跨级比较
2.两者相同时，则认为是相同节点 ，不会深度比较
具体详情：https://www.cnblogs.com/wind-lanyan/p/9061684.html