浅入深出Vue:第一个页面 (2)

然后就可以在 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时)。

看看最终的效果:

浅入深出Vue:第一个页面

有点丑,但是没关系,我们先把布局做出来。子页面里的内容接下来慢慢替换。

这就是我们的第一个页面了~

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpgjjz.html