Vue3 父子组件传参

Vue3 父子组件传参

父组件给子组件传参

父组件通过 v-bind 绑定一个数据，然后子组件通过 defineProps 接受传过来的值
父组件

<template>
  <div class="layout">
    <Header/>
    <div class="layout-content">
      <Menu title="八级大狂风"
            :items="ls"/>
      <Content/>
    </div>
  </div>
</template>

<script setup lang="ts">
import Menu from './Menu/index.vue'
import Header from './Header/index.vue'
import Content from './Content/index.vue'
import {
     reactive} from "vue";
const ls = reactive<string[]>(["用户管理","权限管理","订单管理"])
</script>

子组件

<template>
  <div class="left-menu