
vue
文章平均质量分 72
csdn_HPL
这个作者很懒,什么都没留下…
展开
-
Element Plus 的 el-upload 组件详解(图片上传)
el-upload 是 Element Plus 提供的文件上传组件,支持多种上传方式和丰富的配置选项。通过设置 action 属性指定上传地址,使用 list-type 控制文件列表的显示方式,并通过 on-preview、on-remove、on-success 等回调函数处理文件预览、移除、上传成功和失败等事件。还可以通过 before-upload 钩子限制文件类型和大小,或通过 auto-upload 属性控制是否自动上传。对于更复杂的场景,可以手动触发上传或完全自定义上传逻辑。el-upload原创 2025-05-19 11:35:48 · 1052 阅读 · 0 评论 -
Vue 3 中使用 md-editor-v3 的完整实例markdown文本
'bold', // 加粗'underline', // 下划线'italic', // 斜体'strikeThrough', // 删除线'title', // 标题'sub', // 下标'sup', // 上标'quote', // 引用'unorderedList', // 无序列表'orderedList', // 有序列表'task', // 任务列表'codeRow', // 行内代码'code', // 代码块'link', // 链接。原创 2025-05-18 15:23:14 · 1096 阅读 · 0 评论 -
插槽(Slot)的使用方法
插槽是Vue.js中一个强大的功能,允许你在组件中预留位置,让父组件可以插入自定义内容。原创 2025-05-15 16:35:42 · 218 阅读 · 0 评论 -
Pinia 详细解析:Vue3 的状态管理利器
Pinia 是 Vue 3 的官方推荐状态管理库,由 Vue 核心团队维护。它是对 Vuex 的改进和简化,提供了更简洁的 API 和更好的 TypeScript 支持。// 使用选项式 API 风格定义 storecount: 0}),getters: {},actions: {})// 使用组合式 API 风格定义 storeimport {原创 2025-04-26 15:06:17 · 788 阅读 · 0 评论 -
Vue 3 父子组件通信案例详解:Props 与 Emits 实战
在 Vue 3 开发中,组件通信是最基础也是最重要的技能之一。本文将用实际案例演示 Vue 3 中最常用的两种父子通信方式:Props(父传子)和 Emits(子传父),帮助大家快速掌握 Composition API 下的组件通信技巧。theme?: string // 可选属性 } >()theme?: string // 可选属性 } >()?theme?: string // 可选属性 } >()stringtheme?: string // 可选属性 } >()// 可选属性theme?原创 2025-04-25 16:58:59 · 1493 阅读 · 0 评论 -
vue3创建项目
是看 node 的版本,要16以上的版本才支持 vue 3,然后输入。根据你的项目需求,合理选择功能即可!补全,或者自定义,输完按回车键。按照红色框框中依次输入就行。按照你自己的需求选择。原创 2025-04-24 20:13:26 · 701 阅读 · 0 评论 -
Vue 3 相比 Vue 2 的优势
Vue 3 在性能、代码组织灵活性和扩展性上全面超越 Vue 2,尤其适合大型项目或需要长期维护的代码库。对于新项目,推荐直接使用 Vue 3;旧项目可评估迁移成本后逐步升级。原创 2025-04-24 20:01:18 · 700 阅读 · 0 评论 -
Vue生命周期详细解析
Vue.js作为当前最流行的前端框架之一,其生命周期钩子函数是每个Vue开发者必须掌握的核心概念。本文将全面解析Vue的生命周期,帮助开发者更好地理解Vue实例的创建、更新和销毁过程。Vue实例从创建到销毁的整个过程被称为Vue的生命周期。在这个过程中,Vue提供了一系列的钩子函数(生命周期钩子),允许开发者在特定阶段添加自己的代码。生命周期钩子常见使用场景插件开发、初始化任务created异步数据请求、初始化非DOM相关操作极少使用mountedDOM操作、第三方库初始化。原创 2025-04-23 18:57:57 · 763 阅读 · 0 评论 -
Vue指令详解:从入门到精通
Vue.js作为当下最流行的前端框架之一,其指令系统是Vue最核心的特性之一。指令是Vue模板中带有v-前缀的特殊属性,它们为HTML元素添加了特殊的响应式行为。本文将全面介绍Vue的各种指令及其用法。Vue指令是带有v-前缀的特殊属性,用于在表达式的值改变时响应式地将某些行为应用到DOM上。< p v-if = " seen " > 现在你看到我了 </ p >< p v-if = " seen " > 现在你看到我了 </ p >原创 2025-04-22 21:04:40 · 1003 阅读 · 0 评论 -
SpringBoot + Vue 实现云端图片上传与回显(基于OSS等云存储)
在实际生产环境中,我们通常会将图片等静态资源存储在云端对象存储服务(如阿里云OSS、七牛云、腾讯云COS等)上。本文将介绍如何改造之前的本地存储方案,实现基于云端存储的图片上传与回显功能。高可用性:云服务提供99.9%以上的可用性高扩展性:存储空间可无限扩展高性能:CDN加速全球访问低成本:按量付费,无需自建存储服务器安全性:提供多种安全防护机制本文详细介绍了基于阿里云OSS的图片上传方案,其他云存储服务实现方式类似。签名直传方案既能保证安全性,又能减轻服务器压力,是生产环境推荐的做法。原创 2025-04-21 19:44:12 · 416 阅读 · 0 评论 -
VUE2创建项目
模式:URL 中会带有 “#” 符号,如http://example.com/#/home ,“#” 后面的部分是路由的路径,它的改变不会引起页面的重新加载,浏览器会根据 hash 值的变化触发hashchange事件,Vue Router 利用这个特性实现路由跳转。:也是一款流行的 CSS 预处理器,和 Sass 类似,提供变量、混合、嵌套规则等功能,语法简洁,在大型项目中使用可以有效组织和管理 CSS 代码,并且与许多前端框架和构建工具都有良好的集成。:代表 Vue 2 版本。原创 2025-04-17 21:13:16 · 2213 阅读 · 0 评论 -
vue配置改端口
1.因为前台vue 和 后台 springboot 端口 默认都是。我这边是改的前台vue的。然后启动vue可以看到。所以我需要改一个端口。原创 2025-01-04 14:28:18 · 570 阅读 · 0 评论 -
vue router路由传参(跳转传参)
个人理解,仅供参考。原创 2025-01-02 20:26:51 · 276 阅读 · 0 评论 -
vue安装问题常见
我们在低版本下安装axios,Echarts,组件ui的包时会出现解析错误。在Vue项目中安装 axios 时报错。我们只要在安装后面加一串字符。2.vue安装vant组件库。1.vue安装 axios。原创 2024-12-23 20:39:44 · 161 阅读 · 0 评论