Vue 常见面试题 -02

1.什么是响应式数据？

        如果内存中的数据发生了改变，那么UI页面也会跟着动态刷新，这种数据就叫做响应式数据。

2. 响应式数据的设计原理？

        1）    在vue2.0中，采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty（）来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调。当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时，Vue 将遍历它的属性，用 Object.defineProperty 将它们转为 getter/setter。用户看不到 getter/setter，但是在内部它们让 Vue 追踪依赖，在属性被访问和修改时通知变化。

        2）    在vue3.0中，使用ES6语法中的proxy代理data对象。拦截对象中任意属性的变化, 包括属性值的读写, 属性的添加, 属性的删除等操作。

3.什么是双向数据绑定？

        1.如果数据容器中的数据改变会让页面刷新(dom操作让页面改变)

        2.如果用户操作dom,改变了页面,也会让数据容器中的数据的值发生改变

4. 什么是单向数据流?

        Vue中单向数据流指的是父组件可以传值给子组件，子组件不能直接修改父组件传的值