作用:
组件之间的数据传递

1.父子传值

1.1在子组件中使用父组件的数据
使用porps,下图只是最简单的演示,更详细的可以参考官方文档 (也可以使用$parent,但是用的很少了),
image.png

1.2在父组件中拿到子组件的数据
----使用ref 在父组件中获取到子组件的实例,从而获取子组件中的数据
image.png

----使用自定义事件在父组件中拿到子组件的数据
image.png

2.兄弟组件传值
----使用even bus 在爷孙组件之间传值
image.png

总结:

上面的都是基础的用法,也是比较老的用法,在不复杂的项目中可以使用$attrs和$listeners.复杂的项目直接使用vuex就可以了

芹丸子
40 声望4 粉丝

所有文章都是自己的学习记录,如果对你有帮助我很荣幸,如果文章记录之处有什么不对不好的地方还请指教