安装vue-meta-info

最新推荐文章于 2024-03-27 09:47:59 发布

前端菜鸟一枚

最新推荐文章于 2024-03-27 09:47:59 发布

阅读量658

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_40599116/article/details/122820021

版权

vue 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1.安装 npm install vue-meta-info --save

2.main.js 引入

import MetaInfo from 'vue-meta-info'

createApp(App).use(store).use(router).use(MetaInfo).mount("#app");

3.使用

<script>
	export default {
		metaInfo() {
			return {
				title: this.pageName,
				meta: this.metaData
			}
		},
		data() {
			return {
				pageName: 'About',
				metaData: [{
						name: 'keyWords',
						content: 'About keyWords'
					}, {
						name: 'description',
						content: 'About description'
					},
					{
						'http-equiv': "cache-control",
						content: "no-cache"
					},
					{
						'http-equiv': "pragram",
						content: "no-cache"
					},
					{
						'http-equiv': "expires",
						content: "0"
					}
				]
			}
		},

	}
</script>