vue学习：vue中data和return data的区别

发表于 分类于 ， 本文字数： 333 阅读时长 ≈ 1 分钟

在简单的vue实例中看到的Vue实例中data属性是如下方式展示的：

1
2
3
4
5
6
7
8
let app= newVue({
    el:"#app",
    data:{
        msg:''
    },
    methods:{
    }
})

在使用组件化的项目中使用的是如下形式：

1
2
3
4
5
6
7
8
export default{
    data(){
        return {
        }
    },
    methods:{
    }
}

为什么要写return返回

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

--------------本文结束 感谢您的阅读--------------