如题，这个问题常出现在前端面试当中。
这个问题的核心其实也很简单，就是函数可以创建一块独立的作用域，避免变量污染。
Vue内部应该有一个地方来存放数据。
组件自己的数据存放在data中。这个data是一个函数，函数返回一个对象，对象当中存放数据。
因为我们的组件是需要复用的，不同的组件拥有不同的逻辑。如果不同的组件引用的是同一个对象，大家就会相互影响，造成逻辑混乱的现象。
如题，这个问题常出现在前端面试当中。
这个问题的核心其实也很简单，就是函数可以创建一块独立的作用域，避免变量污染。
Vue内部应该有一个地方来存放数据。
组件自己的数据存放在data中。这个data是一个函数，函数返回一个对象，对象当中存放数据。
因为我们的组件是需要复用的，不同的组件拥有不同的逻辑。如果不同的组件引用的是同一个对象，大家就会相互影响，造成逻辑混乱的现象。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。