如何在 VitePress 中使用 transformHead 构建钩子，通过在 Markdown 文件中设置 frontmatter，动态添加 Open Graph 等 meta 标签，以优化网页在搜索引擎和社交媒体中...
在 VitePress 中添加动态 meta 标签
发表评论
标签归档：Vue
VitePress文章列表与分页实现方法
VitePress比较适合于产品级别的网站，如果对于博客这类网站的来说，内容不算多，但是需要做文章列表和分页。下面就一步一步的教大家实现VitePress文章列表与分页功能。 VitePress 创建“归档...
Vue 3 vs Vue 2 区别及优劣势
Vue 3 和 Vue 2 的主要区别，包括响应性系统、Composition API、性能优化等，以及各自的优缺点。...
2024年流行的Vue框架介绍
截至2024年，有几款Vue框架和库在开发者中非常受欢迎，它们各具特色，适用于不同类型的项目： Vuetify Vuetify 遵循 Google 的 Material Design 规范，提供全面的组件集合，非常适...
Nuxt集成Fancybox
要在Nuxt中集成Fancybox，按照以下步骤： 安装依赖 # Usage with NPM npm install --save @fancyapps/ui # and with Yarn yarn...
Vue中使用window.matchMedia来判断分辨率
如果你想使用 window.matchMedia 来实现根据屏幕分辨率显示不同内容的功能，可以按照以下方式进行： <template> <div> <h1>当前屏幕分...
Nuxt处理服务端请求拦截方法
Nuxt处理服务端请求拦截方法: Vue页面apiPost方法入参请求 server/utils/http 对/api/all发出请求 server/api/all 对服务器发出请求 serv...
Nuxt中如何使用useStorage，实现菜单缓存
Nuxt中如何使用useStorage，参考的文档不多，除了官方的useStorage文档之外，可靠的示例文档不多。今天我就做一个实现菜单缓存的功能。 需求 进入页面，有缓存取缓存(localStorage)，无缓存...
Splide：一款轻量级、灵活且易于使用的滑块和轮播JS库
Splide是一款轻量级、灵活且易于使用的滑块和轮播JS库，使用TypeScript编写，没有依赖关系。它具有多种功能特征，包括支持多张幻灯片、滑动或淡入淡出过渡、断点支持、自动播放、鼠标拖动和触摸滑动、嵌套滑块、延迟加...
在localStorage取数据快，还是在Pinia取数据快？
Pinia是一个基于Vue 3的状态管理库，而localStorage是浏览器提供的一种本地保存数据的机制。两者的设计目的不同，所以无法直接比较哪个更快。 localStorage是浏览器提供的一种本地保存数据的机...
TypeScript Vue Plugin (Volar)、Vue Language Features (Volar)分别是什么？有什么区别？
TypeScript Vue Plugin (Volar) 是一个提供 Vue.js 的 TypeScript 支持的插件，旨在提供更快、更准确的 TypeScript 支持，并提供更好的 Vue.js 开发体验。Vue...
Nuxt中Element-plus设置中文语言
Nuxt安装Element-plus后，发现默认语言是英的，如何设置为中文呢？这种方法太推荐，这和@element-plus/nuxt是按需自动导入相违背，打包运行的_nuxt/entry.*******.js看到里面讲...
Nuxt3服务端渲染(SSR)请求封装-方法三
本次使用Axios进行封装做Nuxt3服务端渲染。同上可以自行加post等其他请求。在pages/index.vue做一个简单的get请求。...
Nuxt3服务端渲染(SSR)请求封装方-法二
之前写的一个Nuxt请求封装使用defineEventHandler的方式是来自官方文档的一个简单的封装，可能使用起来也不是很熟悉，现在换一个种写法。本项目没有配置在线接口，可根据自己需要更换 baseUrl，文末提供的...
Nuxt3服务端渲染SSR请求封装-方法一
Nuxt3服务端渲染(SSR)方式，请求需要放到server/api目录，整理两个请求简单封装。 Post请求 // server/api/all.post.ts import winston from 'wins...
Nuxt3如何根据路由、useHead title，制作一个面包屑导航？
在 Nuxt.js 中，您可以使用 Vue.js 组合 API 中的 useRoute 挂钩来访问当前路由，并使用 useHead 挂钩来访问和更新特定页面的头部元信息。通过组合这两个钩子，您可以创建一个动态面包屑导航，...