上文中提到過(guò)這里主要使用的是?vue-meta-info 肥隆,下面來(lái)和大家說(shuō)一下它的用法
安裝
大家可以選擇不同的安裝方式
Yarn:
$ yarn add vue-meta-info
NPM:
$ npm install vue-meta-info --save
引入
引入方式很簡(jiǎn)單苫亦,沒(méi)有什么難理解的飞崖,照做就是了
import Vue from'vue'
import MetaInfo from 'vue-meta-info'?
Vue.use(MetaInfo)
使用
使用方式的話會(huì)分為兩種(接下來(lái)會(huì)舉一些官網(wǎng)上的例子):
1、靜態(tài)使用: ? ?
? ? 使用時(shí)注意,meta里可以寫多個(gè)map,下面這個(gè)例子中只寫了keyWords
2挨稿、動(dòng)態(tài)使用
這種方式可以動(dòng)態(tài)生成META標(biāo)簽的內(nèi)容,一般META標(biāo)簽的內(nèi)容需要根據(jù)變量去變化的時(shí)候京痢,可以選用這種方式:
? ? 這些配置好了之后奶甘,就可以測(cè)試一下啦,打開(kāi)調(diào)試工具祭椰,點(diǎn)擊到Elements一欄臭家,看下head標(biāo)簽下是否有你剛剛生成的meta,如果有的話方淤,那么恭喜你钉赁,你成功的征服了它