javascript - Why does vue fail to use component dynamic components?

Question

1. Why does dynamic addition of components using component fail? &lt;template&gt; {code...} &lt;/template&gt;import modal from './company/modal.vue'export default { {code...} } Why Component first can be added dynamically,...

PHPz · Answer

Isn’t modal the first component?
The modal cannot be loaded when mounted.
After clicking the button, the first component can be loaded instead?

One more thing.
The correct way to write data is to return an object

data() {
    return {}
}

黄舟 · Answer

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

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

Remove the modal in components and write the value of addModal as modal instead of 'modal';