vue实现父子组件传值

普通方式传参：父组件动态传参

子组件获取并使用父组件传递过来的数据通过props接受参数

但是子组件不能直接修改父组件传过来的数据，必须要向父组件传递一个事件来修改数据，即通过子组件操作，父组件中修改数据，这就是所谓的单项数据流

子组件传递事件：

父组件接受子组件传递的值

 

第二种 ：可以自定义事件传递数据

子组件：

父组件：​​​​​​​ 

 在vue3中进行传递时：

子组件：

 

父组件：

 

注意：子组件中对于所有不带参数的v-model，请确保分别将prop和event命名更改为modelValue和update：modelValue