vue.js中的data用return返回

为什么在项目中data需要使用return返回数据呢？不使用return包裹的数据会在项目的全局可见，会造成变量污染；使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。例如：<script>new Vue( {data() {return {dialogVisible: false};},...

huang__2

5539人浏览 · 2018-10-27 15:54:31

huang__2 · 2018-10-27 15:54:31 发布

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

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^