父子组件之间传值

2021-12-15  本文已影响0人  小白白呐


1、子组件通过props属性,在子组件中接收父组件传过来的值(父传子值, 推荐使用 props属性 )

父组件 子组件

2、父组件调用子组件的方法(父调子)

方法一:$refs (用于两个组件之间有关联关系的时候)

父组件 子组件

方法二:当两个组件之间没有关联关系的时候,可以用下边的方法

1) 在main。js中声明一个时间总线,$bus是自己随便起的名字,这样的做法,可以在所有的实例中都有$bus

main.js

2)然后再父组件中派发一个事件,然后需要在子组件的created中进行监听,用$on进行监听

父组件中派发事件 子组件中进行监听

3、修改父组件的值(这个不是真的修改而是通过this.$emit提交一个事件,将子组件的行为告诉父组件)(子传父,推荐使用)

子组件 父组件声明
上一篇 下一篇

猜你喜欢

热点阅读