文档:https://unhead.unjs.io/setup/vue/installation
安装:
npm install @unhead/vue
mian.js 中加入 unhead
import { createApp } from 'vue'
import { createHead } from '@unhead/vue' // 这里
const app = createApp()
const head = createHead() // 这里
app.use(head) // 这里
app.mount('#app')
App.vue 中加入
……
import { useHead } from '@unhead/vue';
……
useHead({
titleTemplate: (titleChunk) => {
return titleChunk ? `${titleChunk} - 我的网站` : '我的网站';
}
})
页面使用
……
import { useHead } from '@unhead/vue';
……
useHead({
title: '页面标题',
meta: [
{name: 'keywords', content: '关键词'},
{name: 'description', content: '描述'},
],
})