526互联

VUE中的data(){return}与data:{}区别

发布时间 2023-09-22 10:39:49作者: 黑白棋学弟

组件是一个可复用的实例，当你引用一个组件的时候，组件里的data是一个普通的对象，所有用到这个组件的都引用的同一个data，就会造成数据污染。

data:{}

data:{
          msg: 0 
      }

使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。

data(){ return }

data(){
        return{
          msg: 0 
        }
      }