1、3array，没有defineProperty方法，没有setter，通过get和新建数组方法拦截器修改原生方法push，pop，shift，unshift，splice，sort，reserve来实现监听，而通过修改数组下标操作数组的不会被检测，所以专门提供了$set和$delete来实现 4。

2、下面是两个数组进行diff的流程，也就是diff算法 diff解读 新旧两个数组，都有双端指针，两端指针向中间靠拢，直到某个数组的两端指针相交则退出循环在这个过程中，会先判断是否有以下四种情况 如果不符合这4种情况。

3、1组件通过new Vue创建出来之后会初始化事件和生命周期，然后就会执行beforeCreate钩子函数，这个时候，数据还没有挂载，无法访问到数据和真实的dom，一般不做操作2挂载数据，绑定事件等等，然后执行created函数，这个时。

4、你可以使用Vue来创建一个简单的应用程序，该应用程序可以在页面上使用input输入两个数，并计算这两个数之间的偶数和下面是一个简单的示例代码lttemplate第一个数字第二个数字计算偶数和偶数和 evenSum lt。

5、所有的计算属性都以函数的形式写在 Vue 实例内的 computed 选项内，最终返回计算后的结果例如每一个计算属性都包含－个 getter 和一个 setter ，我们上面的两个示例都是计算属性的默认用法 ， 只是利用了。

6、所以我们需要使用key来给每个节点做一个唯一标识，Diff算法就可以正确的识别此节点，找到正确的位置区插入新的节点所以一句话，key的作用主要是为了高效的更新虚拟DOM另外vue中在使用相同标签名元素的过渡切换时，也会使用到。

7、大概长这个样子数据都是假的代码部分注意我引用的是本地文件，请注意文件路径lt！DOCTYPE html Vue测试2 * padding 0 margin 0 fontsize 14px fontfamily quot微软雅黑quot #box。

8、基础例子 Original message quot message quot Computed reversed message quot reversedMessage quotvar vm = new Vue el #39#example#39， data message #39Hello#39 ， computed 计算属性的 getter revers。

9、了解一点的，应该会想到 methods ， 没错，确实 methods 也可以但事实上， vue 给我们提供了一个更好的解决方案叫 计算属性 计算属性是 vue 实例中的一个配置选项 computed 通常里面都是一个个计算相关的函。

10、其他事交给vue监听键盘事件2048的核心部分就是移动合并的算法，因为是一个4X4的矩阵，所以只要实现左移的算法，其他方向的移动只需要将矩阵旋转，移动合并，再旋转回来，渲染dom即可绑定不同数值的样式分值计算，以及用localstorage。

11、因为diff 算法是 vue2x ， vue3x 以及 react 中关键核心点，理解 diff 算法，更有助于理解各个框架本质 说到diff 算法，不得不说虚拟 Dom，因为这两个息息相关 比如 等等 我们先来说说虚拟 Dom，就是通过 JS。

12、computed函数，是用来定义计算属性的，计算属性是不能被修改的应用场景基于已有的数据，计算另一种数据使用方法需要提前从vue中按需引入 1Vue3中计算属性也是组合API风格 2回调函数必须return，结果就是计算的结果 3。

13、计算属性默认只有 getter，不过在需要时你也可以提供一个 setterwatch选项是一个对象，键是data里面的数据，值是对应的回调函数，回调函数有两个参数分别为修改后的值newValue和修改前的值oldValueVue 实例将会在实例化时。

14、综上，key 主要是应用在 Diff 算法中，作用是为了更快速定位出相同的新旧节点，尽量减少 DOM 的创建和销毁的操作希望以上内容能够对各位小伙伴有所帮助，祝大家面试顺利Vue 的文档中对 key 的说明如下关于就地修改。

15、用von指令或者@监听DOM事件，并在触发时运行一些JavaScript代码参考JS，Vue2，介绍，与Vue3区别，MVVM设计模式，模板语法，数据绑定 Vue中的事件修饰符1prevent阻止默认事件常用2stop阻止事件冒泡常用。