美文网首页
vue2.0的三种常用传值方式,并且如何实现?

vue2.0的三种常用传值方式,并且如何实现?

作者: hudaren | 来源:发表于2018-08-08 14:47 被阅读0次

vue2.0 组件传值方式有三种 :父组件向子组件传值,子组件向父组件传值,非父子组件传值 :

父传子: 首先现在父组件上定义一个自定义属性父组件通过自定义属性把值传送给子组件,子组件通过props接值就行了 、

子传父: 首先在子组件中定义一个自定义事件把要传的值写在自定义事件内,通过$emit发送事件,父组件通过v-on接受自定义事件就可以了。非父子组件传值:是用过一个公共bus这个bus可以是一个dom元素也可以是localStorage或者sessionStorage等等,也是用过$emit发送自定义事件,这边需要通过$on获取自定义事件中的数据。如果值很大项目比较复杂就可以用vuex来传值,集中管理状态在购物车结算的时候会用到。

相关文章

网友评论

      本文标题:vue2.0的三种常用传值方式,并且如何实现?

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