关于vue中return data的作用

代码片

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

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

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

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

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