【唐】三三

摘要： scss 转 css 在线转换 https://33tool.com/scss_to_css/ 变量 $primary-color: #000; .main1 { background-color: $primary-color; } 一、嵌套 1.1 父选择器 & (Referencing Par 阅读全文

摘要： 贫血模型和充血模型 贫血模型： 特点：领域对象只包含数据属性（字段或属性），而对这些数据的操作（业务逻辑）则放置在领域对象之外，通常在服务层或其他层中实现。可以将其理解为 “数据 + 数据访问方法” 的简单组合，领域对象本身缺乏行为，就像贫血一样，没有足够的 “活力” 。 举例：以一个简单的用户管理 阅读全文

摘要： 领域 在 DDD 中，“领域（Domain）” 指的是软件要解决的 “业务范围” 及其包含的所有业务概念、规则和逻辑。 简单来说： 如果你开发的是 “电商系统”，那么 “电商” 就是核心领域，包含 “商品、订单、支付、物流” 等子业务范围； 如果你开发的是 “医院挂号系统”，那么 “医疗挂号” 就是 阅读全文

摘要： 一些设置 配置 @ 为src 地址 vite.config.ts import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue 阅读全文

摘要： 官网： https://element-plus.org/zh-CN 安装 npm install element-plus --save Element Plus 是项目运行时必须的 UI 组件库，最终会被打包到生产环境代码中，因此需要用 --save 安装（这也是 npm 5+ 版本的默认行为， 阅读全文

摘要： Vue3 提供了一系列内置指令，用于简化 DOM 操作和实现常见功能。这些指令以 v- 前缀开头，通常用于模板中，以下是详细分类及解析： 一、核心渲染指令 用于控制元素的渲染逻辑和数据绑定。 v-text 功能：更新元素的文本内容（相当于 textContent）。 示例： <span v-text 阅读全文

摘要： 创建 vue 项目 创建vue3 npm create vue@latest ✔ Project name: … <your-project-name> ✔ Add TypeScript? … No / Yes ✔ Add JSX Support? … No / Yes ✔ Add Vue Rout 阅读全文

摘要： 在 Vue 3 中，组件通信方式在 Vue 2 基础上有所扩展和优化，尤其是结合 Composition API 提供了更灵活的方案。以下是 Vue 3 中常用的组件通信方式，结合最新语法和最佳实践讲解： 一、Props / Emits（父子组件通信） Vue 3 中，props 和自定义事件仍然是 阅读全文

摘要： 概念 Pinia 是 Vue 官方推荐的状态管理库，是 Vuex 的继任者（Vuex 作者同一人开发），专门为 Vue 3 设计，完全支持 Composition API 和 TypeScript。它简化了状态管理的流程，提供了更简洁的 API 和更好的开发体验。 核心特点 简洁的 API 去掉了 阅读全文

摘要： Vue 3 中的路由系统主要依赖官方的 vue-router 库（当前最新稳定版是 4.x，专为 Vue 3 设计），用于实现单页应用（SPA）的页面跳转和状态管理。以下是 Vue 3 路由的详细解析： 一、核心概念 路由（Route）：对应单页应用中的一个 “页面”，由路径（path）和组件（co 阅读全文