默认表单校验 在 ElementPlus 中，表单校验是一个非常实用的功能，它可以帮助我们在用户提交表单数据之前对输入内容进行验证，确保数据的完整性和准确性。下面为你详细介绍如何在 ElementPlus 中进行表单校验： 1. 基本使用步骤 （1）引入必要的组件 在你的 Vue 3 项目中，首先要
发布于 2025-09-23
/** * 规则 */ const time_rule = [ { rule: (hours: number) => hours >= 0 && hours < 6, intro: "凌晨好 🌛" }, { rule: (hours: number) => hours >= 6 &&
发布于 2025-09-22
import type { IApiResult } from "@/api/type"; import axios from "axios"; import { ElNotification } from "element-plus"; //创建axios对象 const service = a
发布于 2025-09-22
在开发项目的时候，经常会用到svg矢量图，而且我们使用svg以后，页面上加载的不在是图片资源，这对页面性能来说是很大的提升，SVG比img小很多，占用资源很少 官方支持vbenjs/vite-plugin-svg-icons - Vite 中文文档 安装svg依赖插件 pnpm install vi
发布于 2025-09-19
1、创建项目 pnpm create vite my-vue3-ts --template vue-ts 2、安装依赖 pnpm install 3、运行项目 pnpm dev 4、开发配置 vite.config.ts
发布于 2025-09-10
1、ref ref创建基本类型的响应式数据。也可以 2、reactive reactive 创建对象类型的响应式数据，响应式数据是深层次的 3、toRefs 和 toRef 将一个响应式对象中的每一个属性，转换为ref对象 toRefstoRef功能一致，toRefs可以批量转换。
发布于 2025-09-05
发布于 2025-09-05
1、指令简介 Vue 指令（Directives）是 Vue.js 的一项核心功能，它们可以在 HTML 模板中以 v- 开头的特殊属性形式使用，用于将响应式数据绑定到 DOM 元素上或在 DOM 元素上进行一些操作。 Vue 指令是带有前缀 v- 的特殊 HTML 属性，它赋予 HTML 标签额外
发布于 2025-09-03
1、打开上次初始化的项目 打开app.vue,删除内容，得到一个空白的项目 2、模板语法 <script setup> //1、普通字符串，使用模板语法，显示变量内容到div 中 const message = 'hello world'; //2、html字符串, 观察效果 c
发布于 2025-09-03
1、初始化项目，使用vite初始化项目 参考开始 | Vite 官方中文文档 //默认创建一个js模板的项目 pnpm create vite my-vue-app --template vue 也可以使用 pnpm create vite 根据提示创建项目，小白还是先用模板创建吧！
发布于 2025-09-03
