Vue父组件向子组件传值 (props)、子组件改变父组件的值($emit)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue父组件向子组件传值 (props)、子组件改变父组件的值($emit)相关的知识,希望对你有一定的参考价值。

参考技术A

第一步:父组件中引入子组件

第二步:在components中注册子组件

第三步:将子组件挂载,并绑定传值用的变量

第四步: 在data中声明变量

第五步: 切换到子组件页面,用props接收父组件的传值

第一步:在父组件的data中声明需要改变的变量名称

第二步:通过$emit改变父组件的值,有两种方式: 传参、事件函数

第二步:在子组件标签上绑定参数

第三步:需要一个事件函数,将值通过$emit发出

第二步:在子组件标签上绑定事件名称,并通过事件接收传值

第三步:切换到子组件页面,通过事件函数将值通过$emit发出

以上是关于Vue父组件向子组件传值 (props)、子组件改变父组件的值($emit)的主要内容,如果未能解决你的问题,请参考以下文章

vue3实现父组件向子组件传值并监听props改变触发事件

Vue 父组件向子组件传值,传方法,传父组件整体

Vue中,父组件向子组件传值

react 父子组件传值(兄弟传值)

Vue学习笔记 - 父子组件传值(props与$emit)

Vue学习笔记 - 父子组件传值(props与$emit)