vue路由配置组件的标题

下载路由

cli生成的项目勾选下载过的就不用再下了

`npm install vue-router`

配置路由文件

import Vue from 'vue'
import Router from 'vue-router'
import Index from '@/components/index'

Vue.use(Router)

export default new Router({
routes: [
    {
    path: '/',
    component: Index,
    meta:{
        title:'首页'
    }
    }
]
})

main.js文件内引入路由

`import router from './router'`

将下面的代码复制到main.js内

// 自定义组件标题 router.beforeEach((to, from, next) => { if (to.meta.title) { document.title = to.meta.title } next() })

将路由挂载到vue实例上

new Vue({ el: '#app', router,//路由挂载 store, components: { App }, template: '<App/>' })