vue实现不同页面显示不同标题

我们需要在vue里不同的页面实现不同的标题， 可以利用路由的meta标签和路由守卫来实现

	// index.js
	import Vue from 'vue'
	import Router from 'vue-router'
	import Index from '@/components/Index'
	
	Vue.use(Router)

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

	// main.js
	router.beforeEach((to, from, next) => {
		// to去哪  from  来自
		if(to.meta.title) {
			document.title = to.meta.title
		}
		next()
	})