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')

})