博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue中使用vue-meta处理元信息
阅读量:5041 次
发布时间:2019-06-12

本文共 573 字,大约阅读时间需要 1 分钟。

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

 

 
 

转载于:https://www.cnblogs.com/zhx119/p/10874628.html

你可能感兴趣的文章
天气预报插件
查看>>
Unity 游戏框架搭建 (十三) 无需继承的单例的模板
查看>>
模块与包
查看>>
mysql忘记root密码
查看>>
apache服务器中设置目录不可访问
查看>>
嵌入式Linux驱动学习之路(十)字符设备驱动-my_led
查看>>
【NOIP模拟】密码
查看>>
java容器---------手工实现Linkedlist 链表
查看>>
three.js 性能优化的几种方法
查看>>
《梦断代码》读书笔记(三)
查看>>
FreeMarker解析json数据
查看>>
Java8 Lambda表达应用 -- 单线程游戏server+异步数据库操作
查看>>
次序+“选择不重复的记录”(3)——最大记录
查看>>
Codeforces 450 C. Jzzhu and Chocolate
查看>>
[Unity3D]Unity3D游戏开发MatchTarget的作用攀登效果实现
查看>>
ACdream 1115 Salmon And Cat (找规律&&打表)
查看>>
JSON、JSONP、Ajax的区别
查看>>
AngularJS学习篇(一)
查看>>
【转载】 IP实时传输协议RTP/RTCP详解
查看>>
关于Xshell无法连接centos6.4的问题
查看>>