美文网首页
关于vue中return data的作用

关于vue中return data的作用

作者: 大风过岗 | 来源:发表于2021-01-15 13:38 被阅读0次

代码片

data() {
      return {
        currentPage1: 5,
        currentPage2: 5,
        currentPage3: 5,
        currentPage4: 4,
        tableData   : []
      };
    }

为什么项目中data需要使用return返回,而不直接使用呢?

每个.vue都是一个个组件,组件就是一个可复用的vue实例。这就意味着,如果你的data是普通的数据域的话,那么所有复用该组件的实例都会引用同一份数据,这就造成了数据污染。

这有点类似于:java中多个线程同时访问同一对象的相同域字段,就会有线程安全性的问题。如果多个线程调用同一对象的同一方法就不涉及到线程安全性问题。

return里面是返回所有声明的变量的名字,数组以及对象等等

相关文章

网友评论

      本文标题:关于vue中return data的作用

      本文链接:https://www.haomeiwen.com/subject/auxwaktx.html