Vue父组件向子组件传值 (props)、子组件改变父组件的值($emit)
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue父组件向子组件传值 (props)、子组件改变父组件的值($emit)相关的知识,希望对你有一定的参考价值。
参考技术A第一步:父组件中引入子组件
第二步:在components中注册子组件
第三步:将子组件挂载,并绑定传值用的变量
第四步: 在data中声明变量
第五步: 切换到子组件页面,用props接收父组件的传值
第一步:在父组件的data中声明需要改变的变量名称
第二步:通过$emit改变父组件的值,有两种方式: 传参、事件函数
第二步:在子组件标签上绑定参数
第三步:需要一个事件函数,将值通过$emit发出
第二步:在子组件标签上绑定事件名称,并通过事件接收传值
第三步:切换到子组件页面,通过事件函数将值通过$emit发出
以上是关于Vue父组件向子组件传值 (props)、子组件改变父组件的值($emit)的主要内容,如果未能解决你的问题,请参考以下文章