VUE组件封装、切换和父子组件变量函数的调用

1、组件封装文档

2、如何在标签中切换组件

测试代码

<style >

</style>
<template>
    <Layout>
      <Modal
        v-model="sceneAddModal"
        title="新增"
        @on-ok="ok"
        @on-cancel="cancel">
        <component :is="addComponent"></component>
      </Modal>
    </Layout>
</template>
<script>
import EidForm from @/components/scene/EidForm;
import SceneForm from @/components/scene/SceneForm;
import AddSceneCell from @/components/scene/AddSceneCell;
import AddEidCell from @/components/scene/AddEidCell;
export default {
          
   
  components: {
          
   
    EidForm: EidForm,
    SceneForm:SceneForm,
    AddSceneCell:AddSceneCell,
    AddEidCell:AddEidCell
  },
  data () {
          
   
  	return {
          
   
           addComponent:}
  },
  method:{
          
   
   	addNewElement(){
          
   
        this.addComponent = AddSceneCell;
        this.sceneAddModal = true;
    },
    eidNewElement(){
          
   
        this.addComponent = AddEidCell;
        this.sceneAddModal = true;
    }
  }
</script>

3、组件间的函数调用 （1）vue中 关于$emit的用法可以子组件调函数调用父组件函数 （2）vue子组件如何修改父组件中的变量