vue中使用vue-meta处理元信息

vue-meta有以下特点:

  • 在组件内设置 metaInfo,便可轻松实现头部标签的管理
  • metaInfo 的数据都是响应的,如果数据变化,头部信息会自动更新
  • 支持 SSR

如何使用:

安装:$ npm install vue-meta --save,

在入口文件中引入代码如下:

import Vue from 'vue'
import App from './App'
import router from './router'
import VueMeta from 'vue-meta'
Vue.use(VueMeta, {

refreshOnceOnNavigation: true
})
Vue.config.productionTip = false
new Vue({
el: '#app',
router,
components: { App },
template: ''
})

在这里引入后use.use该插件,
在组件中定义
metaInfo对象代码如下:


你可能感兴趣的:(vue中使用vue-meta处理元信息)