Nuxt处理服务端请求拦截方法: Vue页面apiPost方法入参请求 server/utils/http 对/api/all发出请求 server/api/all 对服务器发出请求 serv...
标签归档:Vue
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 挂钩来访问和更新特定页面的头部元信息。通过组合这两个钩子,您可以创建一个动态面包屑导航,...
Nuxt3 PM2部署端口3000怎么修改
Nuxt3 PM2部署默认端口是3000,下面是官方的文档: To use pm2, use an ecosystem.config.js: module.exports = { apps: < { ...
Heroicons 手工打造 SVG 免费图标集,收录两种样式 230 个常见图案
Heroicons是一套漂亮的手工制作 SVG 免费向量图标集,也是Tailwind CSS框架开发者制作释出的图标图案,收录超过 230 个常见图标,依照样式分为仅有外框(Outline)和填满实色效果(Solid)。...
Vue如何加入腾讯位置服务逆地址解析
腾讯位置服务逆地址解析官方只提供了JS简单的核心代码,如何在Vue中加入这个功能呢?逆地址解析需要传入经纬度,那么我们的先获取用户的经纬度。 获取经纬度 在浏览器我测试了Chrome和Firefox通过Nav...
Hippy-vue打包静态资源404如何解决?
Hippy-vue是腾讯开发的为前端开发人员设计的跨端框架Hippy的Vue写法,让APP项目平滑迁移到 Web。Hippy-vue打包静态资源404的情况,是由于打包后的dist目录下面的文件,并非放在了你的HTTP ...
VS Code ESlint Vue Prettier Ctrl+S保存自动格式化
VS Code ESlint Vue Prettier Ctrl+S保存自动格式化功能将VS Code settings插入: { "workbench.colorTheme": "Visual Studio...
Vue+qiankun(乾坤)搭建微前端(主应用+子应用)
基于vue-cli + vue-router + qiandun(乾坤)搭建微前端(主应用与子应用),下面是具体的搭建步骤,也可以下载我的demo:vue-qiankun来测试。 第一步:搭建应用 V...