TAY
笔记 · · 阅读 171
更新于

vue3 使用 unhead 网页标题插件

文档: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: '描述'},
    ],
})

目录