千锋教育web前端高频面试题视频教程，kerwin大话前端面试秘籍（附答案）

单向数据流和双向数据绑定

1.单向数据流:组件之间传递数据具有单项数据这样的特性叫做单向数据流。单向数据流只能通过一个方向改变数据。

例如：父传子，子组件想要改变父组件传递过来的数据只能通过父组件传递过来的方法改变父组件中得数据，而不是在子组件中直接改变

2.双向数据绑定：模型到视图：模型值通过value绑定到视图，视图到模型：然后视图通过监听事件然后改变模型值再更新视图。

vue2得响应式原理Object.defineProperty的缺点：1.无法监听es6的色图，map变化。2.无法监听类类型的数据 3.属性的新增和删除也没法监听.

3.MVC:M:moudel模型,V:view视图,C:controller控制台。把逻辑和展示逻辑分离，模块化程度高，但是没法实现复用。

MVP:可以实现复用，但是需要手动调试。不能实现响应式。

MVVM:从模型到视图，再从视图到模型。

4.生命周期：原来的：三阶段：1初始化阶段，2.更新阶段3.销毁阶段。新增的：1初始阶段钩子被setup取代。更新阶段还是一样的。销毁阶段：变为onbeforeunmount和onunmounted。

5.vue的响应式原理

vue2:Object.defineProperty也就是数据劫持

vue3:proxy也就是数据代理

对比：proxy是监听整个对象而不是某个属性，所以其可以监听到数组的改变.proxy返回的是一个新的对象，而Object.defineProperty是遍历对象找到属性修改。

但是！object.defineProops的兼容性高！甚至可以支持ie9

6.逻辑复用：Composition API 中可以根据相关组织代码，可以提高代码的可读性和维护性，类似于react的hook写法

7.jQuery注重视图层，是直接操作dom去实现页面的一些逻辑渲染，更加消耗性能，而vue则是通过数据的双向数据绑定，最终表现在dom层（也就是虚拟DOm）使得项目子集责任更加清晰，也提高了开发的效率.

8.vue的样式私有化：加上scoped就是样式私有化，否则就是全局样式。

9.$root是根父组件上面的属性和方法，$paeent是最近一级父组件，$refs则是拿到子组件实例

10.自定义指令：通过derective定义，有全局和局部自定义指令。