<!-- eslint-disable vue/multi-word-component-names -->
<script setup lang="ts">
import TheWelcome from './components/props的使用.vue'; // 确保路径正确
import {  reactive} from "vue";
import { type persos } from "@/types";

let x=9

let PersonList = reactive<persos>([
  {id: 'qw1', name: '请问1', age:12},
  {id: 'qw2', name: '请问2', age:13},
  {id: 'qw3', name: '请问3', age:14},
  {id: 'qw4', name: '请问4', age:15, X:9}
])
</script>

<template>
  <div class="app">
    <h2 a="1+1" :b="1+1" :d="x" ref="qwe">测试</h2>
    <TheWelcome a="哈哈" :list="PersonList"/>
  </div>
</template>

<style scoped>
.app {
  background-color: #ddd;
  box-shadow: 0 0 10px;
  border-radius: 10px;
  padding: 20px;
}
</style>
