为什么vue data用函数

Vue中的data选项可以接受一个函数作为值，而不仅仅是一个对象。这是因为Vue在实例化的时候，会对data进行一次深拷贝，将它们变成响应式的数据。如果直接将一个对象作为data的值，那么无论实例化多少个相同的组件，它们都会共享同一个data对象，从而导致状态污染。

通过将data的值设置为一个函数，可以确保每个实例都会返回一个独立的data对象，从而避免状态共享的问题。每次实例化组件时，Vue都会调用这个函数，返回一个新的data对象。

此外，使用函数形式的data选项还可以在实例化组件的时候传递一些初始值或配置。函数可以接受一个参数，这个参数可以用来传递一些外部的数据或配置，从而使data的初始状态更灵活和可配置。

总结起来，使用函数形式的data选项可以避免状态共享问题，并且可以使data的初始状态更加灵活和可配置。