Vue 高频 JS 面试题及详细实战答案.docx

Vue高频JS面试题及详细实战答案

一、Vue基础JS核心面试题

1、Vue中data为什么必须是一个函数？

答案：

这个问题核心是避免组件实例之间的数据污染。

如果是根组件，data可以写成对象，因为根组件只实例化一次。但自定义组件中，data必须是函数，组件在页面中可以被多次复用，每一次复用都会创建一个全新的组件实例。

如果data是对象，所有组件实例会共用同一个堆内存地址，修改一个组件的数据，其他复用组件的数据也会跟着改变，造成数据混乱。

如果是函数，每个组件实例都会执行一次函数，返回一个全新的独立对象，每个组件的数据相互独立，互不干扰。

2、Vue中ke