Logo of unhead

unhead

通用文档 <head> 标签管理器。小巧、适应性强且功能齐全。

通用文档标签管理器。小巧、适应性强且功能齐全。

亮点

  • 🌳 功能强大的可插拔核心,占用空间小
  • 🍣 所有好用的功能:去重、排序、标题模板、模板参数等。
  • 🪨 坚如磐石的 DOM 更新,快速小巧(最小压缩后 952 字节)
  • 🚀 额外增强功能插件:Capo.js、哈希水合(Hash Hydration)和 Vite Tree-shaking
  • 💎 完全类型化,附带 MDN 文档
  • 🤝 由 Nuxt 使用,更多框架支持即将推出。

文档

请访问文档网站,获取指南和 API 参考。

安装

npm i unhead

快速设置

在你的根应用中创建 head 客户端。

import { createHead } from 'unhead'

createHead()

然后你可以在任何地方使用 composables。

// pages/about.js
import { useHead } from 'unhead'

useHead({
  title: 'About',
  meta: [
    { name: 'description', content: 'Learn more about us.' },
  ],
})

演示

许可

MIT 许可证 © 2022-至今 Harlan Wilton