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