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

Question

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

Answer 1

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

Answer 2

一：router勾子

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

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