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

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

猜你喜欢

转载自blog.csdn.net/weixin_42856661/article/details/81459623