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

最新推荐文章于 2024-08-21 10:03:05 发布

hxanni

最新推荐文章于 2024-08-21 10:03:05 发布

阅读量1.9w

点赞数 26

分类专栏： vue-js 文章标签： vue 前端框架

本文链接：https://blog.csdn.net/Roboxue/article/details/78349655

版权

vue-js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1、关于vue中data里为什么有return返回函数问题

在简单的vue实例中看到的Vue实例中data属性是如下方式展示的：
let app= newVue({
    el:"#app",
    data:{
        msg:''
    },
    methods:{
       
    }
})
在使用组件化的项目中使用的是如下形式：
export default{
    data(){
        return {
     
        }
    },
    methods:{
       
    }
}

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