vue如何设置每个页面的标题

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

import home from "@/components/Home.vue"
import news from "@/components/News.vue"

export default new Router({
    routes:[
        {
            path:'/',
            name:'home',
            meta:{title:'首页'},
            component:home
        },
        {
            path:'/news',
            name:'news',
            meta:{title:'新闻页'},
            component:news
        },
        {
            path:'*',
            redirect:'/'
        }
    ]
})

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