温馨提示×

vue中meta的用法

vue
清风
1619
2021-03-15 09:11:21
栏目: 编程语言
Vue开发者专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

vue中meta的用法

vue-meta 主要用于管理 HMTL 头部标签,同时也支持 SSR。基本用法,在main.js中使用:vue中meta主要用于管理HMTL头部标签,能够支持SSR,基本用法如下:

//在main.js中使用

import Meta from 'vue-meta';

Vue.use(Meta)

new Vue({

router,

data:{

title: 'How to use vue-meta',

keywords:'vue,vue-router,vue-meta',

description:'this is a des info.'

},

//定义metaInfo

metaInfo(){

return(){

title: this.title,

meta:[

{

name:'keywords',

content:this.keywords

},{

name:"description",

content:this.description

}

]

}

},

render: h=>(APP)

}).$mount('#app')

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:vue中vue-meta插件有什么特点

0