问:vue父子通信都有哪些?如何使用?
七娃博客
193人阅读
1.父传子:v-bind+属性,props传参;子传父:$emit 触发父接受参数函数。
2.子调父:$parent ——this.$parent.fun();父调子:$children ——this.$children[0].fun()
3.通过选择器ref触发子组件的方法实现父子传值
4.project / inject注入传参,非响应的,例如:
父组件提供: project() {
return {
parent: this
}
}
子组件注入:inject: ['parent']
5.$attrs和$listeners
6.通过vuex传值,父存子取;
7.路由传参:动态参数query
8.插槽 slot 传参
主题开源不易,支持一下作者吧!
使用支付宝打赏
使用微信打赏
评论 | 0 条评论
登录之后才可留言,前往登录