vue中data里为什么要写return返回

前端技术 · 2020-06-01 · 269 人浏览
在简单的vue实例中看到的Vue实例中data属性是如下方式展示的:
let app= newVue({
    el:"#app",
    data:{
        msg:''
    },
    methods:{

    }
})
在使用组件化的项目中使用的是如下形式:
export default{
    data(){
        return {

        }
    },
    methods:{

    }
}

为什么要写renturn返回 
因为不使用return包裹的数据会在项目的全局可见,会造成变量污染 
使用return包裹后数据中变量只在当前组件中生效,不会影响其他组件。

vue 前端