vue公共页面布局layout

发布于:2023-09-20 14:16:21

layout公共页面是使用频率非常高的页面,且直接通过路由配置

本篇例子:把侧边栏和导航头作为layout,因为在后台管理系统里基本是每个页面都要用的

1、首先在src/views下新建layout文件夹,layout文件夹下新建layout文件作为总体,再给layout新建components组件 header 、sliderBar、main三个文件基本确定了一个页面的基本架子,然后再新建一个index.js文件暴露出三个文件

index.js

2、layout.vue 再引入组件

3、路由配置

4、main.vue

5、效果

转载:查看原文
阅读 205