然后就可以在 App.vue中使用 ElementUI 进行页面布局了:
<template> <div> <el-container> <el-header>浅入深出Vue-入门篇</el-header> <el-main> <router-view/> </el-main> </el-container> </div> </template>这里我们把子路由渲染出来的视图放在了 el-main中,这样就可以保证整体的布局还是原样,只是其中的内容在发生变化(进入不同 url时)。
看看最终的效果:
有点丑,但是没关系,我们先把布局做出来。子页面里的内容接下来慢慢替换。
这就是我们的第一个页面了~