随笔分类 -  Web - Vue

vue - 实战3 - 后端
摘要：0 一些遇到的问题 1 如果vite项目，JS项目（不是TS），“快捷修复” 没有导入 ref 功能 checkJs：对 JavaScript 文件也进行类型检查（结合 JSDoc 注释生效） jsconfig.json { "compilerOptions": { "checkJs": true, 阅读全文
posted @ 2025-10-03 14:39 【唐】三三 阅读(19) 评论(0) 推荐(0)
vue - 实战2 - 前端
摘要：vue 格式化工具 prettier 根目录下创建.prettierrc { // "semi": false 表示代码语句结尾不强制要求添加分号 "semi": false, // "singleQuote": true 表示字符串统一使用单引号（而非双引号） "singleQuote": tru 阅读全文
posted @ 2025-10-02 20:52 【唐】三三 阅读(13) 评论(0) 推荐(0)
vue - 实战1 - adminDemo
摘要：一些设置 配置 @ 为src 地址 vite.config.ts import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue 阅读全文
posted @ 2025-09-19 15:11 【唐】三三 阅读(12) 评论(0) 推荐(0)
vue3 - elementPlus
摘要：官网： https://element-plus.org/zh-CN 安装 npm install element-plus --save Element Plus 是项目运行时必须的 UI 组件库，最终会被打包到生产环境代码中，因此需要用 --save 安装（这也是 npm 5+ 版本的默认行为， 阅读全文
posted @ 2025-09-15 16:33 【唐】三三 阅读(46) 评论(0) 推荐(0)
vue - 内置指令
摘要：Vue3 提供了一系列内置指令，用于简化 DOM 操作和实现常见功能。这些指令以 v- 前缀开头，通常用于模板中，以下是详细分类及解析： 一、核心渲染指令 用于控制元素的渲染逻辑和数据绑定。 v-text 功能：更新元素的文本内容（相当于 textContent）。 示例： <span v-text 阅读全文
posted @ 2025-09-15 15:12 【唐】三三 阅读(19) 评论(0) 推荐(0)
vue - 进阶
摘要：响应式: 进阶 customRef() 创建一个自定义的 ref，显式声明对其依赖追踪和更新触发的控制方式。 类型 function customRef<T>(factory: CustomRefFactory<T>): Ref<T> type CustomRefFactory<T> = ( tra 阅读全文
posted @ 2025-09-15 15:11 【唐】三三 阅读(13) 评论(0) 推荐(0)
vue - 组件通信
摘要：在 Vue 3 中，组件通信方式在 Vue 2 基础上有所扩展和优化，尤其是结合 Composition API 提供了更灵活的方案。以下是 Vue 3 中常用的组件通信方式，结合最新语法和最佳实践讲解： 一、Props / Emits（父子组件通信） Vue 3 中，props 和自定义事件仍然是 阅读全文
posted @ 2025-09-14 21:14 【唐】三三 阅读(12) 评论(0) 推荐(0)
vue3 - pinia状态管理库
摘要：概念 Pinia 是 Vue 官方推荐的状态管理库，是 Vuex 的继任者（Vuex 作者同一人开发），专门为 Vue 3 设计，完全支持 Composition API 和 TypeScript。它简化了状态管理的流程，提供了更简洁的 API 和更好的开发体验。 核心特点 简洁的 API 去掉了 阅读全文
posted @ 2025-09-12 11:09 【唐】三三 阅读(23) 评论(0) 推荐(0)
Vue - 路由
摘要：Vue 3 中的路由系统主要依赖官方的 vue-router 库（当前最新稳定版是 4.x，专为 Vue 3 设计），用于实现单页应用（SPA）的页面跳转和状态管理。以下是 Vue 3 路由的详细解析： 一、核心概念 路由（Route）：对应单页应用中的一个 “页面”，由路径（path）和组件（co 阅读全文
posted @ 2025-09-10 18:14 【唐】三三 阅读(10) 评论(0) 推荐(0)
Vue - 核心语法
摘要：创建 创建vue3 npm create vue@latest ✔ Project name: … <your-project-name> ✔ Add TypeScript? … No / Yes ✔ Add JSX Support? … No / Yes ✔ Add Vue Router for 阅读全文
posted @ 2025-09-04 15:45 【唐】三三 阅读(13) 评论(0) 推荐(0)