基本環(huán)境配置： webpack + vue2.0 + vue-router +nodeJS

進(jìn)入 router 文件夾底下的index.js文件

首先引入：

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

然后在路由里面配置每個路由的地址：

routes: [ {   /* （首頁）默認(rèn)路由地址 */  path: '/',  name: 'Entrance',  component: Entrance,  meta: {  title: '首頁入口'  } }, {   /* 修改昵稱 */  path: '/modifyName/:nickName',  name: 'modifyName',  component: modifyName,  meta: {  title: '修改昵稱'  } }, {   /* 商品詳情 */  path: '/goodsDetail',  name: 'goodsDetail',  component: goodsDetail,  meta: {  title: '商品詳情'  } }, { /* Not Found 路由，必須是最后一個路由 */  path: '*',  component: NotFound,  meta: {  title: '找不到頁面'  } } ]

在每一個meta里面設(shè)置頁面的title名字，最后在遍歷

router.beforeEach((to, from, next) => { /* 路由發(fā)生變化修改頁面title */ if (to.meta.title) { document.title = to.meta.title } next()})

這樣就為每一個VUE 的頁面添加了title

以上這篇使用vue-router設(shè)置每個頁面的title方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。