vue中data和data()的区别

Vue实例中data属性：

new Vue({
  el: '#app',
  data: {
    message: 'message'
  }
})

组件化的项目中使用：

export default{
    data(){
        return {
           message: 'message'
        }
    }
}

注意:

• 在大型项目中data会造成数据污染（data是全局的）
• 将data封装成一个函数，我们在实例化组件的时候只是调用了这个函数生成的数据副本，这就避免了数据污染。