思路: app.vue中 根目录下设置两个 <router-view></router-view>
使用全局参数 isLogin来判断登录是否成功,该显示哪部分功能。
<div class="wrapper" v-if="!isLogin">
...内容
</div>
<div class="login_container" v-if="isLogin">
<router-view></router-view>
</div>
需要用到vuex全局变量
export default new Vuex.Store({
state: {
isLogin: true
},
mutations: {
setLogin(state, isLogin) {
state.isLogin = isLogin
}
}
})