Vue 组件的动态添加与删除

<template>
    <section>
        <button @click="add()">点击添加</button>
        <hr/>
        <my-test v-for="(item, index) in people"
            :key="index"
            :index="index"
            :itemC="item"
            @deleteIndex="del"
        ></my-test>
        <button @click="confirm()">确定</button>
    </section>
</template>

<script>
import MyTest from './myTest.vue';
export default {
   
    components: {
   
        MyTest
    },
    data() {
   
        return {
   
            people: [{
    name: '', phone: '', sex: