关于Vue 组件切换经验分享

<div id="app">
        <a @click.prevent="comName='login'">登录</a>
        <a @click.prevent="comName='cont'">注册</a>
        <aside  font-size: 24px;"  :is="comName"></aside>
    </div>

    <template id="login">
        <div>登录</div>
    </template>
    <template id="cont">
        <div>注册</div>
    </template>

HTML代码块 click事件赋值，语法糖:is事件判断 返回值true/false

	Vue.component("login",{
        template:`#login`
    })
    Vue.component("cont",{
        template:`#cont`
    })
    new Vue({
        el:"#app",
        data:{
            comName:""
        }
    })

Vue.component(“login”,{
template:#login
})
创建全局组件，标签名login template绑定元素块
就可以实现点击切换组件了