本文介绍了如何利用Vue-router的router-view创建布局组件，实现头部导航和底部链接等公共部分在每个页面的统一显示。通过在layout文件中设置router-view，页面切换时仅替换中间内容。具体步骤包括创建layout文件，设置主页面index，以及配置router.js。参考链接提供了更多关于router-view和路由跳转的详细信息。
网页中，很常见的是头部导航栏、底部链接、面包屑或者其他部分，在网站的每一个页面都会出现，并且样式统一
可以使用vue-router提供的router-view来构成一个布局组件，将头部导航栏、底部链接等写在页面上固定渲染，切换页面时，只切换中间内容部分
思路：
1、创建一个layout文件，放置一个router-view标签即可，每一个路由请求默认都是从这里进去跳转，这里是示例每个页面都带一个面包屑组件
（一般是app.vue，这里我自定义了一个）
//layout文件
<template>
<div class="layout">
<breadcrumbs></breadcrumbs>
<router-view class="view"></router-view>
</div
6952
2225
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
