您的位置:首页 > Web前端 > Vue.js

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

2018-08-06 19:14 218 查看

父传子:首先在父组件里面定义一个属性,然后子组件通过‘props’这个关键字来接收。
子传父:子组件要先绑定一个事件,通过‘emit′这个关键字来发送数据,最后父组件通过‘emit′这个关键字来发送数据,最后父组件通过‘on’来接收数据。
非父子:
1.他们之间有一个共同的容器,假设A和B之间传值,我们可以用localstoage和SessionStorage把A的数据传给共同的容器,然后B从这个容器中再把A的数据取出来。
2.可以先定义一个bus的空对象,首先A通过‘emit′发送数据到bus这个空对象中,然后B通过‘emit′发送数据到bus这个空对象中,然后B通过‘on’来接收这个空对象的数据。
3.vuex集中管理的方式传值也是和上面一样的办法,只是在数据较多且复杂的情况下才用,具体操作都是通过一个中间人来传递数据。

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: