vue2.0如何设置 网页标题 关键字 描述

Question

vue2.0如何设置 网页标题title 和meta标签里面的 关键字和描述呢？想动态改变，切换路由或者其他情况下，动态改变这三个地方

Answer 1

在router.js中如下设置import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)const router = new Router({  routes: [{      path: '/login',      component: Login,      meta: { title: '登录' }    }, {      path: '/register',      component: Register,      meta: { title: '注册' }    }  ]})// 全局配置router.beforeEach((to, from, next) => {  // Change doc title  document.title = to.meta.title || 'Unknow title'  document.querySelector('meta[name="keywords"]').setAttribute('content', 'keywords')  document.querySelector('meta[name="description"]').setAttribute('content', 'description')})