首先创建公共模版文件
vue路由实现公共头部/模板

公共模版中使用 <router-view></router-view> 渲染子页面数据
vue路由实现公共头部/模板

然后就可以在这个文件进行公共头部或者导航的编辑了
当然也可以写成组件的形式

vue路由实现公共头部/模板
别忘了引入组件
vue路由实现公共头部/模板

模板内变量使用的问题:不管怎么样。尽量避免变量全局变量重复 都是没错的

好的下面配置路由
先写一个默认跳转的页面
vue路由实现公共头部/模板

然后来配置子页面路由
vue路由实现公共头部/模板

这个是首页的模版 就做好啦

如果是使用两套公共头部
就需要先把上面的步骤走一次
然后路由配置薛微有一奈奈的不一样

vue路由实现公共头部/模板
好啦 !打完收工~

相关文章:

  • 2023-01-13
  • 2022-12-23
  • 2021-08-15
  • 2021-10-09
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-06-01
  • 2022-12-23
  • 2022-12-23
  • 2022-03-05
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案