vue 学习中遇到的一些问题

vue 学习中遇到的一些问题

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

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

let app= newVue({

     el:"#app",

     data:{

            msg:''

      },

      methods:{

      }

})

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

export default{

       data(){

           return {

            }

       },

      methods:{

      }

}

这里为什么要写return返回呢 

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

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

posted on 2018-06-19 18:12  胡雪 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/huxuer/p/9200511.html