vue组件vue data returnn中的数据怎么相互访问

  • 组件中也可以有自己的data
  • 但是组件中的data属性只能是一个函数方法(vue实例中的data可以为一个对象)。
  • 这个方法内部必须返回一个object对象
  • 组件中的data数据和vue实例中的data数据使用方法┅样。

二、为什么组件中的data必须为一个函数
先看一个例子我们把组件data中的函数返回的object对像设为一个外部的全局变量指向的对象,这样做每个组件实例的data都会指向同一个对象(即这个全局变量指向的对象)。
每个组件实例都共用了一个object对象会造成一个组件改变data中的数据哃时会影响到其他对象实例。

return obj; //注意,这里的obj引用了外部的全局变量,指向一个对象 //即可以理解为,每一个组件实例的data都指向同一个对象 //这会造成組件之间改变data数据会相互影响(和data是一个对象而不是函数一个意思)

我们想要的组件实例之间是相互独立的data不会共享冲突的,所以

应该指向┅个函数由函数返回一个自己的对象。

这样每定义一个新的组件实例,都会执行以下

一个新的对象让组件实例之间的data数据不会冲突。

三、组件中的methods 和Vue实例中的一样直接写在组件模板对象中,可以组件内调用

用法和Vue实例一样。

}

我要回帖

更多关于 vue data return 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信