vue seo管理 vue-meta-info
vue-meta-info:
安装:
npm install vue-meta-info --save
全局引入vue-meta-info,在main.js
import Vue from 'vue'
import MetaInfo from 'vue-meta-info'
Vue.use(metaInfo)
组件内静态使用metaInfo
<script>
export default {
metaInfo: {
title: '新闻页面',
meta: [{
name: 'keyWords',
content: '新闻'
}]
}
}
</script>
如果你的title或者meta不是静态的,是需要异步加载的::用metaInfo() 方法
<script>
export default {
name: 'async',
metaInfo() {
return {
title: this.pageName
}
},
data() {
return {
pageName: 'loading'
}
},
mounted (){
setTimeout(() => {
this.pageName = 'async'
},2000)
}
}
</script>
最新文章
- IC卡复位应答ATR的数据元和它们的意义
- Java的UUID
- C Primer Plus_第二章_C语言概述_复习题与编程练习
- 模拟赛1030d1
- C++混合编程之idlcpp教程Python篇(3)
- CSS标签居中
- 修改文件权限 chmod
- LaTex代码生成器
- Nmap脚本引擎原理
- Git 处理tag和branch的命令
- Jquery+php 动态web表单增删改查
- thinkphp 使用paginate分页搜索带参数
- this和super不能同时出现在构造方法中
- HDU 4303 Hourai Jeweled(树形DP)
- 【转载】 Pytorch中的学习率调整lr_scheduler,ReduceLROnPlateau
- SSL协议(安全套接层协议)
- android 发送UDP广播,搜寻server建立socket链接
- log4net类库配置、WebService配置
- sql server 按月对数据表进行分区
- ubuntu 14.04/16.04/18.04 yum安装 zabbix-agent 教程