Vue中的动态组件

<template>
  <div id="app">
    <button @click="comName='Login'">登录</button>
    <button @click="comName='Register'">注册</button>
    <!--component组件绑定is属性，指定加载的组件名称-->
    <component v-bind:is="comName"></component>
  </div>
</template>

<script>

//导入组件
import Login from "./components/Login"
import Register from "./components/Register"
export default {
  name: 'App',
  data(){
    return{
      comName:"Login"
    }
  },
  components: {
    Login,
    Register
    
    
  }
}
</script>