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

Posted 2023-03-19

参考技术A 向子组件 loginPhone 传递 tel 参数 phone 是在 reactive 定义的变量也可是是 ref 定义的变量

生活就是不断地积累 奥力给

Vue父组件向子组件传值 （props）、子组件改变父组件的值（$emit）

参考技术A

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

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

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

第四步： 在data中声明变量

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

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

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

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

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

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

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