胡雪

尚未配妥剑,转眼便江湖。 愿力尽千帆,归来仍少年。

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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  胡雪  阅读(182)  评论(0编辑  收藏  举报