2021-11-26_学习B站Spring Boot+vue项目step010

视频P4。

4.1 router

vue项目src文件夹下新建文件夹layout。layout意为框架、布局。

Layout.vue为后台主页框架界面。

main.js里有如下代码：

import App from './App.vue'

createApp(App).use(store).use(router).use(ElementPlus, {locale: zhCn, size: 'small'}).mount('#app')

App.vue代码如下：

<template>
  <div>
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

将router-view作为全局的根节点访问。

在router-view里面，既可以是登录页面，也可以是注册页面，还可以是我们的后台主体页面。

当访问到后台主体页面时，需要访问二次嵌套路由。

进行到09:22。