Vue3组件传参

目录

一、父子传值

  • 1. emit
  • 2. props
  • 3.provide和inject

一、父子传值

1.emit

代码如下 (示例):






运行结果:

在这里插入图片描述

Vue3的setup函数提供了两个参数 props和 context

参数 value值
props 不可变的组件参数
context Vue3暴露出来的属性(emit,slots,attrs)

2.props

代码如下 (示例):





运行结果:

在这里插入图片描述

3.provide和inject

代码如下 (示例):






总结:

本文仅仅简单介绍了组件之间的传参,若有不足之处望大家指教,后续其他内容会继续补充。

你可能感兴趣的:(vue,组件间的通信/传值,vue.js,javascript)