diff发生在虚拟DOM上diff算法是在新虚拟DOM和老虚拟DOM进行diff精细化比对，实现最小量更新，最后反映到真正的DOM上虚拟DOM并不是VUE专属的，很多其他框架也都有用到虚拟DOM所谓的虚拟DOM其实是一个js对象由于DO。
Vue 采用的 Diff 算法则通过逐级对比，大大降低了复杂性，时间复杂度为 OnVNode 更新首先会经过 patch 函数， patch 函数源码如下vnode 表示更新后的节点，oldVnode 表示更新前的节点，通过对比新旧节点进行操作。
通过 Compile 来解析编译模板指令vue中是用来解析 ，最终利用 watcher 搭起observer和 Compile 之间的通信桥梁，达到数据变化 视图更新视图交互变化 input 数据 model 变更双向绑定效果。
简而言之，就是首先转化成AST Abstract Syntax Tree，抽象语法树，即将源代码语法结构抽象成树状表现形式，然后通过 render函数进行渲染，并返回VNode Vue js的虚拟DOM节点 详细步骤如下 1通过 compile编译器把 template编译成。
1什么是vue的生命周期？ Vue实例从创建到销毁的过程，就是生命周期也就是从开始创建初始化数据编译模板挂载DOM渲染更新渲染卸载等一系列过程，我们称这是Vue的生命周期 2vue生命周期的作用是什么？ 它的生命周期中。
Vue数据双向绑定的特性，指代的是Vue实例中的数据和网页视图中的数据绑定，实例中数据的更新会直接影响视图的渲染展示，视图中的数据更新会自动同步到实例中的数据，这样的操作机制就是数据双向绑定机制Vue底层主要是通过Object。
vue框架中状态管理在mainjs引入store，注入新建了一个目录store， export 场景有单页应用中，组件之间的状态音乐播放登录状态加入购物车。
1都支持服务器端渲染 2都有虚拟dom，组件化开发，都有‘props’的概念，允许父组件往子组件传送数据，都实现webComponent规范 3数据驱动视图 4都有支持native的方案，React的React native，Vue的weex 5构建。
文章中给你列举了部分的面试题，这些都是公司面试常遇到的，还有需要的还可以自己去查阅一下资料1activeclass是哪个组件的属性？嵌套路由怎么定义？答vuerouter模块的routerlink组件2怎么定义vuerouter的动态路由？怎么获取传过来的。
原理在创建Vue实例时，Vue会遍历data选项的属性，利用ObjectdefineProperty为属性添加getter和setter对数据的读取进行劫持getter用来依赖手机，setter用来派发更新，并且在内部追踪依赖，在属性被访问和修改时通知变化每个组件实例会有相应的。
命周期，也就是从开始创建初始化数据编译模版挂载Dom 渲染更新。
在vue中，可以使用onEvent来写事件，那么这个功能是怎么实现的呢，咋们一起来看看 在本功能的测试用例中，可以分析以下内容解决问题这个功能比较简单，在处理prop中做个判断， 属性是否满足 ^onAZi这个格式，如果。
Vuex原理面试是专门为Vue服务，用于管理页面的数据状态提供统一数据操作的生态系统，相当于数据库mongoDB，MySQL等，任何组件都可以存取仓库中的数据其中vuex类似的 还是有Redux，Redux大多用于React，针对Redux后续在做补充其。
1vue2相较vue3代码可读性比较差vue2中选项API格式的代码的可读性较差，当需要实现的某一个功能涉及到多个属性的时候，就会出现在 props中接收参数 在data中定义变量 在watch中监听变化 在computed中定义需要使用到的计算。
vue 源码版本是2612 很多介绍vue源码的文章对computed怎么计算值讲的很清楚，但是对computed 怎么搜集到依赖它的视图渲染watcher，以及怎么去通知对应的渲染watcher去更新讲解的很模糊或者干脆一笔带过这篇文章主要讲解。
vue面试题记不住可以制定题目框架记忆vue面试题记不住，可以制定题目框架，当确定面试题题目类型后，开始背诵框架，记忆固定答案的封闭式问题，帮助记忆vue面试题包含Vue的生命周期对于MVVM的理解等问题。
很多同学在面试的时候都会被问到vue的虚拟DOM的diff 以及 patch 的过程，如果这vue的源码了解不是很深刻，很难通过面试官的法眼，下面就来用通俗易懂的方式聊一聊Vue的patch过程我们都知道Dom操作是一个特别低性能的事儿。
