Nuxt3有关3.5.1版仍然存在的一个NuxtPage页面级keepalive的内部bug问题，导致keepalive无法正常工作，其内置三个参数 include,exclude,max只有max参数能得到支持。 ``` <NuxtPage :keepalive="{max:5}"/> ```

推荐一下好用的vue3和nuxt3通用toast消息提醒组件，vue3中直接在可使用下面代码直接全局导入，this.toast('message content');支持toast.info/success/error/danger/warning('message content'); nuxt

在Vue3和Nuxt3下生成二维码推荐使用 nodejs下qrcode.vue组件，记一下使用方法和分别在Vue3和Nuxt3下分别的使用方法。 安装组件： ``` npm i qrcode.vue --save ``` Vue3下示例代码：(在components下建立组件） ``` <t

Nuxt3下推荐一款svg图标组件——nuxt-icon，组件为Nuxt官方Modules中推荐。可以很好的解决SVG图标的复用和按需加载问题，用起来方便，不用一次加载全部SVG图标，也不用将svg内容复制到h5代码中，方便管理且节省流量。 **安装组件** ``` npm i nuxt-ico

NUXT3下使用sharp图像处理组件，按照客户端需要图片大小读取上传的图片并以文件流形式下发到客户端，可省略掉上传时需要缩略图，且可满足客户端对图片的各种大小的缩略图需求，也可节省请求次数和流量。亦可加入限制和请求访问TOKEN过滤掉跨站请求图片。

NUXT3与VUE通用省市区地址三级联动选择组件，组件使用了VUE3的Setup语法糖，由于地址太多发布不全，这里只提供了几个典型的省市区模板参考，其它省市区还得自己去补齐。街道门牌号必须大于5个字符才会正 常返回地址内容给父级组件，同时支持父级组件回传地址并自动识别省份、城市、区县并自动处于

在Nuxt3页面级keepalive不可用问题已在v3.11版本中得到很好的解决，这里提供一个示例方法。 首先得明白造成此问题的原因是keepalive的include项默认读取from.matched[0].components.default.__name的值，该值为vue默认组件的名称，但n

Nodejs下微信支付与本地开发环境搭建，众所周知微信的公众号小程序本地开发过程中实分不友好，不管是认证，调试需要反复的上传给开发过程带来诸多不便，微信的支付环境更是要求更加严苛，而且官方还不提供nodejs的开发范例及sdk。 此文我们主要讲如何实现本地开发微信公众号和小程序的环境搭建及node

Nuxt3下利用./server/plugins服务端插件实现计划任务或时间时限任务执行。 在/server/plugins下建立的任意文件，均会在服务器启动时就执行，在插件内挂入setTimeout或setInterval即可实现计划任务工作，nitroApp中还包含了hook可调用。 ```

使用axios进行ajax提交数据时，进行数据拦截整理后再提交，可很好的帮助我们在开发过程中实现前后端数据交互工作，尤其是前端接口不统一，有时以对象提交，有时又formData提交导致数据不统一等问题。另在vue环境下，当使用formData收集数据并提交给后端时，会出现空值、未定义值在传输过程中被

Mysql2适用于Node.js的MySQL客户端，专注于性能优化。支持SQL预处理、非UTF-8编码支持、二进制文件编码支持、压缩和SSL等等，这里主要记录一下使用预处理功能。 使用 MySQL2预处理的使用，可以提前准备好SQL预处理语句。 使用准备好的SQL预处理语句，MySQL 不必每次都

NUXT3下推荐nodemailer组件，直接Server端邮件发送程序，已内置支持国内常用邮件服务提供商参数。 **示例代码：** ``` import nodemailer from 'nodemailer'; //定义配置 const mailConfig={// 创建一个smtp客户端配

无论我们使用VUE、REACT、NUXT等各种框架开发项目后，最终上线部署都会选择PM2，特别是对于需要Nodejs做Server支撑的项目，因pm2是基于nodejs开发的进程管理器，适用于后台常驻脚本管理，同时对node网络应用有自建负载均衡功能。 **一、pm2特点：说一些pm2有哪些优点好

# NPM nodejs改为国内源和参数方法，在需要安装cnpm也可以使用淘宝镜像，提高国内访问速度，由于Node的官方模块仓库网速太慢，模块仓库需要切换到阿里的源。 **查看当前镜像地址** ```text npm config get registry ``` **NPM修改为淘宝镜像*

# Nuxt 3 完全指南：从入门到实战 ## 引言 Nuxt 3 是 Vue 3 的全栈框架，为开发者提供了更强大的服务端渲染能力和开发体验。本文将详细介绍 Nuxt 3 的核心概念和使用方法。 ## 什么是 Nuxt 3？ Nuxt 3 是一个基于 Vue 3 的全栈框架，它提供了：

本文详细介绍了使用 Node.js 和 Express 构建高性能 RESTful API 的完整流程，涵盖项目结构设计、数据模型、控制器逻辑、认证授权、性能优化以及 Docker 部署等关键环节，是后端开发者必备的实战指南。

Vue 3 带来的组合式 API（Composition API）为前端开发者提供了一种全新的代码组织方式。本文深入探讨组合式 API 的核心概念，详细讲解 ref、reactive、computed、watch 等核心 API 的使用方法和最佳实践，介绍 Composable 函数的设计原则和实际

# Vue 3 响应式系统深度解析：Reactivity API 完全指南 ## 前言 Vue 3 的响应式系统是其核心特性之一，相比 Vue 2 的 Object.defineProperty，Vue 3 使用了 Proxy 来实现响应式，带来了更强大的功能和更好的性能。本文将深入探讨 Vue

Vue 3 组合式 API 完全指南，详解 ref、reactive、computed、watch 等核心 API，介绍 Composables 逻辑复用方式，以及 TypeScript 集成和性能优化技巧。

# Vue 3 响应式系统深度解析 ## 什么是响应式系统？ Vue 3 的响应式系统是其核心特性之一，通过 ES6 Proxy 实现了对数据变化的自动追踪和视图更新。 ## 核心 API ### ref 用于创建基础类型的响应式数据： ```javascript import { re

详细介绍Vue 3组合式API的使用方法，包括ref、reactive、computed等核心功能的深入讲解，以及Composables逻辑复用技巧的完整实践，帮助开发者快速掌握Vue3开发精髓。

本文详细介绍Vue3组合式API的核心概念、setup函数、ref与reactive响应式系统、computed与watch等核心API的使用方法和最佳实践，帮助开发者从OptionsAPI平滑过渡到组合式API，显著提升代码复用性和可维护性。

Vue3使用ES6Proxy重写响应式系统，带来更强大的数据拦截能力和更优性能。本文深入解析依赖收集、触发更新computed和watch等核心机制，包含完整代码示例和应用场景，帮助开发者全面掌握Vue3响应式原理。

Vue3引入组合式API，提供更灵活的代码组织方式。本文介绍setup函数、响应式数据、计算属性和生命周期钩子的基本用法，探讨逻辑复用和类型推断的优势，帮助开发者快速入门。