前端Vue面试准备第三天

一、组件中的data为什么是函数？

• 组件是用来复用的，同一组件被复用多次会创建多个实例，如果使用对象定义data， 它们会共用一个data对象，子组件中的data属性会相互影响，状态变更会影响所有组件实例，显然并不合理。
• 如果组价中data是一个函数，那么每个实例都可以维护一份被返回对象的独立的拷贝，避免了属性值之间的相互影响。
• 而new Vue实例里data可以直接是一个对象，new Vue的实例不会被复用，因为不存在引用对象的问题。

二、v-model的实现原理

• v-model本质上是value+input的语法糖，主要在input、textarea、select等元素上创建双向数据绑定，在内部为不同的输入元素使用不同的属性并抛出不同的事件。
• text和textarea元素使用value属性和input事件
• checkbox和radio使用checked属性和change事件
• select字段将value作为prop并将change作为事件

三、Vue怎么实现对象和数组的监听？

• 通过遍历数组和递归遍历对象，从而达到利用 Object.defineProperty() 对对象和数组进行监听。