【校招VIP】前端vue考点之生命周期和双向绑定- 校招VIP

考点介绍：

VUE是前端校招面试的重点，而生命周期和双向绑定又是基础考点之一，尤其在一二线公司，要求知道双向绑定的原理，以及相关代码实现

答案详情解析和文章内容可扫下方二维码或链接即可查看！

一、考点题目

1.mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？

解答： mvc和mvvm其实区别并不大。都是一种设计思想。主要就是mvc中Controller演变成mvvm中的viewModel……

2. 什么是vue生命周期？vue生命周期的作用是什么？第一次页面加载会触发哪几个钩子？DOM 渲染在哪个周期中就已经完成？

解答：本题重点考察对生命周期的理解，一方面要做为考点理解记忆，另一方面要结合实战 ……

3.说一下，Vue实现数据双向绑定Object.defineProperty（）的原理？然后使用js实现简单的双向绑定

解答： vue实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式……

二、考点文章

1.【校招VIP】vue生命周期

在created、beforeMount、mounted中进行调用。因为在这三个钩子函数中，data 已经创建，可以将服务端端返回的数据进行赋值......

2.【校招VIP】Vue - 生命周期详解

Vue实例有一个完整的生命周期，也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程，我们成为Vue 实例的生命周期，钩子就是在某个阶段给你一个做某些处理的机会......

3.【校招VIP】Vue2 VS Vue3 Diff算法的比较

传统的计算两颗树的差异时间复杂度为O(n^3),显然成本比较高（老树的每一个节点都去遍历新树的节点，直到找到新树对应的节点。那么这个流程就是 O(n^2)，再紧接着找到不同之后，再计算最短修改距离然后修改节点，这里是 O(n^3)。）......

三、考点视频

跨域场景和解决方案

本题是前端校招考查相当多的考点，需要理解同源概念、跨域的主要场景以及前端和服务器端的解决方法，属于面5的必考点......

（考点视频扫海报二维码即可查看）