解决 Pinia 中 Store 数据更新但组件不渲染的问题
解决 Pinia 中 Store 数据更新但组件不渲染的问题 在使用 Vue 3 + Pinia 进行状态管理时，遇到修改store中的数据后，组件没有自动更新渲染的情况是常见的坑。本文将详细剖析这个问题的根源，介绍核心工具 storeToRefs 和 computed 的使用技巧，帮助你写出既优雅又响应式的Pinia状态管理代码。 ...
Vue
Vue 项目环境变量配置详解
Vue 项目环境变量配置详解 —— .env、.env.development、.env.production、.env.local 的区别与使用 在 Vue 项目开发中，经常会需要根据不同的环境配置不同的参数，比如接口地址、调试开关等。为了方便管理，Vue 支持通过一系列 .env 文件来配置环境变量。本文将详细介绍四种常用 .env 文件的区别、优先级、引用方式，以及在实际项目中如何正确配置和使用。 ...
使用 Vue 3 + Vite 结合 vue-gallery 创建响应式图片画廊并实现从文本文件读取图片 URL
使用 Vue 3 + Vite 结合 vue-gallery 创建响应式图片画廊并实现从文本文件读取图片 URL 前言 在现代 Web 项目中，展示图片画廊是一项常见需求。vue-gallery 是一个基于 Vue 的响应式、可定制的图片和视频画廊组件，内置轮播和灯箱效果，支持移动端和桌面端。 ...