vue.js中的data用return返回

原创于 2018-10-27 15:54:31 发布 · 5.5k 阅读

CC 4.0 BY-SA版权

文章标签：

1 篇文章

订阅专栏

本文阐述了在Vue项目中为何使用return包裹data数据。未包裹的数据会污染全局，而return确保数据仅在当前组件内生效，避免跨组件影响。通过示例展示了正确实践。

为什么在项目中data需要使用return返回数据呢？

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

<script>
 new Vue( {
    data() {
      return {
        dialogVisible: false
      };
    },
    methods: {
     
  });
</script>