vue父子组件传值

小知识 09-01 21:03

父组件向子组件传值

子组件要显式的用  props  选项声明它预期的数据。
比如在父组件中引用某一个子组件 <component :is="sendMsg" :msgID="ID"></component>,子组件sendMsg中,使用 props:['msgID']来接受 ,在子组件页面 {{msgID}}可直接显示父组件传的值。

子组件向父组件传值

子组件通过this.$emit()的方式将值传递给父组件

注意:这里的func是父组件中绑定的函数名

非父子组件进行传值

非父子组件之间传值,需要定义个公共的公共实例文件bus.js,作为中间仓库来传值,不然路由组件之间达不到传值的效果。

来源:https://blog.csdn.net/lander_xiong/article/details/79018737