作者:巧干篆书_618 | 来源:互联网 | 2022-03-21 13:08
1.在父组件中调用子组件,父亲传值给子组件
子组件如下,把要传给给父亲的值放在props中
template>
-
{{item.title}}
父组件的调用的三部曲
首先引入子组件
import Bottom from '@/components/public/Bottom';
注入组件在components中注入
在父亲中应用
到这里就结束了,是不是贼快
2.子组件传值给父组件
父组件在组件上定义了一个自定义事件childFn,事件名为parentFn用于接受子组件传过来的message值。
子组件是一个buttton按钮,并为其添加了一个click事件,当点击的时候使用$emit()触发事件,把message传给父组件
在子组件向父亲传值的时候,不可用router-link,不然接受不到父亲定义的函数
以上就是vue中父子组件的参数传递和应用示例的详细内容,更多关于vue中父子组件的参数传递的资料请关注其它相关文章!