vue 父向子传参有几种方式
时间: 2023-05-10 07:01:21 浏览: 116
vue-prop父组件向子组件进行传值的方法
Vue 父向子传参有两种方式:
1. Props传参
Props 是 Vue 组件传参最常用的方式之一,通过在子组件中声明 props 并将其绑定到父组件中的数据来实现。 父组件向子组件传递参数时,将参数通过属性的方式绑定在子组件上,子组件就可以直接访问到这个参数了。
2. $emit和事件传参
$emit 和事件传参方式可以让你在子组件中触发一个自定义事件,并传递数据给父组件。在子组件中使用 $emit 方法来触发这个事件,在父组件中通过 v-on 监听该事件并接收子组件传递来的参数。
需要注意的是,使用这个事件传参方式时,子组件只负责向父组件发送一个数据,而父组件需要自己去接收这个值并处理。不过,这种方式相对灵活,也可以实现一些 Props 的一些特殊功能(如通过一个回调函数传递多个参数)。
阅读全文