vue中data和return data的区别

Vue实例中data属性：

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

组件化的项目中使用：

export default{
    data(){
        return {
            message: 'hello vue',

        }
    },
}

注：在大型项目中data需要使用return返回数据，不使用return包裹的数据会在项目的全局可见，会造成变量污染； 使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。