Vue 组件中 data 为什么必须是函数？

在 Vue 组件中，'data' 属性的值可以是一个对象，也可以是一个函数。但是推荐使用函数的形式来定义 'data' 属性，原因如下：

避免数据共享: 如果 'data' 属性的值是一个对象，那么它会被所有组件的实例共享，这就意味着当一个组件修改了 'data' 的值，其他的组件也会受到影响。而如果 'data' 属性的值是一个函数，每个组件实例都会调用该函数，返回一个新的数据对象，这样每个组件实例都拥有独立的数据。
保证数据的响应性: Vue 会在创建组件实例时，将 'data' 属性中的数据转换成响应式的数据。如果 'data' 属性的值是一个对象，那么所有的组件实例都会共享同一个响应式数据对象，当一个组件修改了数据，其他组件也会得到更新。而如果 'data' 属性的值是一个函数，每个组件实例都会调用该函数，返回一个新的数据对象，这样每个组件实例都拥有独立的响应式数据。
避免数据污染: 如果 'data' 属性的值是一个对象，那么在组件的生命周期中，可以随意修改数据对象中的属性值。但是如果 'data' 属性的值是一个函数，每个组件实例都会调用该函数，返回一个新的数据对象，这样就不会出现组件之间相互修改数据的情况，避免了数据污染。

综上所述，使用函数形式来定义 'data' 属性可以保证每个组件实例都拥有独立的数据和响应性，避免数据共享和污染的问题。