![](https://img-blog.csdnimg.cn/direct/b407c585ed8d47fb8126b8e90d17f66e.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue3
文章平均质量分 80
11
G24gg
保持谦卑
展开
-
Vue 3弹幕案例
弹幕案例。原创 2024-08-23 15:20:37 · 189 阅读 · 0 评论 -
vue3--element-plus-抽屉文件上传和富文本编辑器
element-plus下Update实现上传文件配置属性:action:上传文件的服务器地址。:on-success和:on-error:分别是上传成功和失败时的回调函数。before-upload:文件上传前的钩子函数,可以在这里进行文件类型、大小等的校验。ref="upload":为组件设置一个引用,方便在方法中调用。list-type="text":定义上传列表的展示方式,这里使用text类型,不展示文件列表。原创 2024-05-04 21:46:28 · 1984 阅读 · 1 评论 -
Vue3-element-plus表格
具名插槽 extra 定制头部右侧额外的按钮。默认插槽 default 定制内容主体。考虑到多个页面复用,封装成组件。第一步先调通借口返回数据。props 定制标题。原创 2024-05-04 09:20:17 · 1229 阅读 · 0 评论 -
Vue3管理系统-路由设置+表单校验
【需求】注册页面基本校验1. 用户名非空,长度校验5-10位2. 密码非空,长度校验6-15位3. 再次输入密码,非空,长度校验6-15位【进阶】再次输入密码需要自定义校验规则,和密码框值一致(可选)原创 2024-05-01 05:15:14 · 806 阅读 · 1 评论 -
Vue3(管理系统)-封装axios(utils)
可选链(Optional Chaining)是编程语言中的一种特性,它允许你访问对象的嵌套属性,即使这些属性可能未被初始化或不存在。在 JavaScript 或 TypeScript 中,可选链的语法使用问号。可选链是一个非常有用的特性,它可以减少代码中的条件检查,使代码更加简洁。然而,它也可能导致一些微妙的错误,因为可选链返回。而不是抛出错误,所以使用时需要仔细考虑逻辑。原创 2024-04-30 16:32:39 · 656 阅读 · 0 评论 -
Vue3管理系统(开发前调整)-Day1
// createRouter 创建路由实例,===> new VueRouter()// 1. history模式: createWebHistory() http://xxx/user// 2. hash模式: createWebHashHistory() http://xxx/#/user// vite 的配置 import.meta.env.BASE_URL 是路由的基准地址,默认是 ’/‘// https://vitejs.dev/guide/build.html#public-b原创 2024-04-30 05:13:39 · 957 阅读 · 0 评论 -
学习Vue3 Day3(Pinia)
Pinia 提供了插件系统,可以用来扩展 Pinia 的功能,使用 pinia-plugin-persistedstate 来实现数据持久化,例如:自定义存储方式、持久化路径、序列化方法等,如下具体步骤原创 2024-04-28 03:29:01 · 1217 阅读 · 1 评论 -
自学Vue3 Day2
Vue 3在组件通信方面带来了一些新特性和改进,特别是Composition API的引入,为开发者提供了更灵活的组件逻辑编写方式。同时,Vue 3的响应式系统的改进也会影响到组件间通信的实现。虽然Vue 2和Vue 3在很多基本概念上保持一致,但Vue 3提供了更多的工具和优化来帮助开发者构建更高效、更可维护的应用程序。子组件可以直接修改父组件的值了。原创 2024-04-27 06:12:53 · 1102 阅读 · 3 评论 -
自学Vue3 day1
在Vue 3中,计算属性通常指的是响应式系统中的computed属性,它们是只读的,并且具有缓存机制。然而,如果你需要一个既具有计算逻辑,又能被外部修改的属性,可以使用ref或reactive来创建一个具有getter和setter的响应式属性。原创 2024-04-26 07:02:17 · 1244 阅读 · 0 评论