vue 学习中遇到的一些问题

Vue中data有return返回函数问题:

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

let app= newVue({

     el:"#app",

     data:{

            msg:''

      },

      methods:{

      }

})

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

export default{

       data(){

           return {

            }

       },

      methods:{

      }

}

这里为什么要写return返回呢 

因为不使用return包裹的数据会在项目的全局可见,会造成变量的污染

使用return包裹的数据中变量只在当前的组件中生效,不会影响其他组件。

猜你喜欢

转载自www.cnblogs.com/huxuer/p/9200511.html