Vue3 组件传值

今天说一下 vue3 的组件间传值，学习过 vue2 的宝子们肯定知道，组件传值是 vue 项目开发过程中必不可少的功能场景，在 vue2 里面有很多传值的方式，vue3 的传值方式呢，在这里稍微整理总结一下，但是不是很全，后期可能慢慢补充。

父子组件传值 props

和 vue2 一样，vue3 也可以使用 props 进行父组件传值给子组件，这个就不多说了直接上代码。

父组件

<template>
  <div>
    <div class="father">
      <h1>这是父组件</h1>
      <h2>父组件的名字：{{boy.name}}</h2>
    </div>
    <hello-world :msg="msg" :boy="boy" @change="btn"></hello-world>
  </div>
</template>

<script>
import HelloWorld from "./components/HelloWorld.vue";

import { ref, reactive } from "vue";

export default {
  name: "App",
  components: {
    HelloWorld
  },
  setup() {
    const boy = reactive({
      name: "我是
标签：boy,const,name,HelloWorld,Vue3,组件,传值	

来源： https://www.cnblogs.com/wjw1014/p/16460295.html