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对象代码如下:
helloword
可以看一下页面显示