想做vue组件,每个页面顶部 都是最左边返回 中间是这页的标题 最右边是编辑

这个中间的标题,不同的page都会有不同的标题,这个怎么样实现呢?
比如我去我的订单页面,代码怎么样改才能动态的获取到当前页面的标题
图片是我的虚拟的数据和组件的代码

使用路由的钩子函数 具体请戳我!!!

一:router勾子

router.afterEach((to, from, next) => {
    document.title = to.name;
})

二:把header作为一个组件,放在页面中,通过props传递标题

  • vue 路由到下一个页面选择地址,然后返回到上一个页面,页面表单数据被清空,如何解决?
  • .vue中style标签里面的background问题
  • 有什么好的方式在v-for列表渲染完之后调用某个方法?
  • 关于jquery ajax put 总是会自动刷新
  • webstorm vue less格式化问题
  • vue.js 1.0和2.0写法有哪些区别,有一个案例请帮忙分析下
  • vue.js 同时多个赋值是一次性渲染还是多次渲染DOM?
  • vue清除路由
  • 关于vue-router <router-view>渲染空白 但是也不报错
  • vue开发的单页面应用在微信中右上角菜单无故消失
  • Vue2中做Carousel的正确姿势