如果你想使用 window.matchMedia 来实现根据屏幕分辨率显示不同内容的功能,可以按照以下方式进行: <template> <div> <h1>当前屏幕分...
标签归档:Vue
Nuxt处理服务端请求拦截方法
Nuxt处理服务端请求拦截方法: Vue页面apiPost方法入参请求 server/utils/http 对/api/all发出请求 server/api/all 对服务器发出请求 serv...
Nuxt中如何使用useStorage,实现菜单缓存
Nuxt中如何使用useStorage,参考的文档不多,除了官方的useStorage文档之外,可靠的示例文档不多。今天我就做一个实现菜单缓存的功能。 需求 进入页面,有缓存取缓存(localStorage),无缓存...
Splide:一款轻量级、灵活且易于使用的滑块和轮播JS库
在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 挂钩来访问和更新特定页面的头部元信息。通过组合这两个钩子,您可以创建一个动态面包屑导航,...
Nuxt3 PM2部署端口3000怎么修改
Nuxt3 PM2部署默认端口是3000,下面是官方的文档: To use pm2, use an ecosystem.config.js: module.exports = { apps: < { ...
Heroicons 手工打造 SVG 免费图标集,收录两种样式 230 个常见图案
Vue如何加入腾讯位置服务逆地址解析
Hippy-vue打包静态资源404如何解决?
VS Code ESlint Vue Prettier Ctrl+S保存自动格式化
VS Code ESlint Vue Prettier Ctrl+S保存自动格式化功能将VS Code settings插入: { "workbench.colorTheme": "Visual Studio...