vueCli3移动端h5修改页面title

目前所用的方法是：

1、在main.js通过监听路由修改title

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount("#app");

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

router文件配置路由title

{
    path:"/operating",
    name:"operating",
    component:()=>import("@/views/operating.vue"),
    meta: {
      title: '操作指引'
    }
  },
  {
    path:"/viewContent",
    name:"viewContent",
    component:()=>import("@/views/viewContent.vue"),
    meta: {
      title: '详情'
    }
  }