javascript - Mengapa vue gagal menggunakan komponen komponen dinamik?

Question

1. Mengapa menggunakan komponen untuk menambah komponen secara dinamik gagal?

<template>

<component @showHide="recieveAddData" :is="addModal"
 ></component>
 <button @click="switchComponent"></button>

</template>

import modal daripada './company/modal.vue'
eksport lalai {

name: 'addItem',
data () {
  addModal: 'modal'
},
methods: {
  switchComponent () {
   this.addModal = 'first'
},
components: {
  modal,
  first: {
     template: "<p>这里是子组件3</p>"  
  }
}

}

Mengapa komponen pertama boleh ditambah secara dinamik, tetapi mengapa komponen modal yang diperkenalkan tidak boleh berfungsi?

Answer 1

Bukankah modal komponen pertama
Modal tidak boleh dimuatkan apabila dipasang
Selepas mengklik butang, komponen pertama boleh dimuatkan?

Seperkara lagi.
Cara menulis data yang betul adalah dengan mengembalikan objek

data() {
    return {}
}

Answer 2

import modal from './company/modal.vue';
export default {

name: 'addItem',
methods: {
  switchComponent () {
   this.addModal = 'first'
},
computed:{
    addmodal:modal 
},
components: {
  first: {
     template: "<p>这里是子组件3</p>"  
  }
}
}

Alih keluar modal dalam komponen dan tulis nilai addModal sebagai modal dan bukannya 'modal';