VIP32/vue3/my_project/src/App.vue

<template>
  <div class="app">
    <Demo12></Demo12>
    <!-- <Demo11 v-if="isShow"></Demo11> -->
    <!-- <Demo10 :list1="list"></Demo10> -->
  </div>
</template>

<script setup lang="ts" name="App">
import Demo12 from './components/Demo12.vue'
// import Demo10 from './components/Demo10.vue';
// import Demo11 from './components/Demo11.vue';
import {PersonList} from '@/types/Demo10.ts'
import {reactive,ref, onMounted} from 'vue'
let list = reactive<PersonList>([
    {id:1,name:"孙悟空",age:10,hobby:"吃饭"},
    {id:2,name:"猪八戒",age:20,hobby:"睡觉"},
    {id:3,name:"图图",age:3,hobby:"打豆豆"}
])
let isShow = ref(true);
onMounted(()=>{
    console.log("app挂载")
})
</script>

<style>

</style>