vue页面完成自定义标题

我需要动态改变每一个页面的标题，包括类似新闻详情页，商品详情页等

1、首先再main.js里面进行全局配置

router.beforeEach((to, from, next) => {
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
})

改变路由规则

2、在我们router路由的中的index.js设置我的自定义名称

meta: {title: '用户列表'}

我这边是路由规则 所以不方便截图 我们使用这个方法放在路由里面就可以了