一、通过v-if控制实现
首先我们通过前面介绍的v-if标签来实现下这种效果
1.创建组件
创建我们需要的两个全局组件,并通过标签使用。
<body>
<div id="app">
<a href="" @click.prevent="flag=true">登录</a>
<a href="" @click.prevent="flag=false">注册</a>
<!--注意: v-if v-else-if v-else 使用^_^ -->
<login v-if="flag"></login>
<register v-else></register>
</div>
<script>
// 创建登录的组件
Vue.component("login",{
template: "<h3>这是一个登录LOGIN组件</h3>"
})
// 创建注册的组件
Vue.component("register",{
template: "<h3>这