在vue中data：和data（）有什么区别

在Vue中，`data:`和`data()`两个写法是用来定义组件的数据的，但是写法不同，有以下区别：

1. `data:`是ES6的写法，用于在组件定义时定义数据，是一个对象字面量。例如：

export default {
  data: {
    message: 'Hello World!'
  }
}

2. `data()`是Vue的写法，用于在组件定义时定义数据，是一个函数。在组件实例化时，会调用该函数并返回一个对象，该对象就是组件的数据。例如：

export default {
  data() {
    return {
      message: 'Hello World!'
    }
  }
}

3. `data()`写法的好处是可以在每个组件实例化时都返回一个新的数据对象，避免组件之间的数据互相污染。

总结：`data:`是ES6的写法，`data()`是Vue的写法。二者都可以用来定义组件的数据，但是`data()`可以避免数据污染问题。