一、定义一个自己的Component（MyComponent.vue)

<template>
    <h2>this is my component</h2>
</template>
<script>
export default {
    name:"MyComponent",
    data() {
        return {

         }
         }  
}
</script>

二、在另一个页面引入该Component

import MyComponent from "../components/MyComponent.vue"

    components: {
      MyComponent
  },

三、在步骤二中的页面的data部分定义一个变量：

      current:'MyComponent'

四、在步骤二的页面的template部分使用v-bind:is

<component v-bind:is="current"></component>   

则步骤二的页面中会显示出MyComponent这个组件的内容