零基础,一周内基于Vue3写出一个CURD系统

简介: 零基础,一周内基于Vue3写出一个CURD系统

总体效果展示

https://www.bilibili.com/video/BV1EF411878j?t=34.7

基础Vue3的CURD模拟系统

技术及知识点

  • 涉及的技术: Vue3+Element-Plus +CSS3 +JS
  • 开发工具: WebStorm
  • 涉及的前端知识:Flex布局,CSS样式调试,debugger调试,axios异步http接口调用
  • 涉及的VUE3知识:兄弟组件传参,变量监听,面包屑路由控制,钩子函数,插槽,reactive、ref、toRef的应用
  • 涉及的Element-Plus控件:Breadcrumb 面包屑,Icon 图标,Switch 开关,Table 表格,Message 消息提示,Dialog 对话框,Pagination 分页,Divider 分割线,Tree 树形控件,DateTimePicker 日期时间选择器,

具体界面

博主总结

接下来会根据每个不同的模块进入更深一步的知识学习和博客总结。在此之前先谈谈一些软性的东西压力管理,以下内容摘自某学习圣经:

在你的表现训练里, 掌握这个领域的第一步就是要练习面对和释放压力两者间的此消彼长。 这可能会涉及我前面说过的间歇性训练, 什么样的难度对每个不同的年龄, 身体状况是合适的。 这种训练, 当然, 可以有多种形式: 我已经说过自行车和阻力练习, 但如果你喜欢在游泳池里循环游泳, 你不必一直游到筋疲力尽, 然后退场, 你应该把自己推向体力的限,然后休息一两分钟, 之后再继续把自己向前推进。 就像我在自行车训练中描述的那样, 制定一个有规律的休息间隔。 随着你的练习, 增加你运动的强度和持续时间, 慢慢压缩休息的时间, 你就步入正轨了! 相同的方法可以运用于慢跑、 举重、 武术训练或是其他任何体育项目。

如若你确实想提高表现, 我建议你把面对和恢复压力的节奏糅入你生活的方方面面。 说实话, 这就是我全部学习方法的根基——打破我们人生种种经历中人为制造的障碍, 那么所有的时刻都因相互间的关联而变得丰富多彩。 若你在读书而已目光涣散, 把书放下, 深呼吸, 拿起书, 立即双眼有神。 若你在工作中发现自己大脑呆滞, 没有活力, 休息

一会, 洗把脸, 回来就面目全新。 一天花几分钟做一些简单的思维的练习, 随着一呼一吸, 大脑也一张一弛, 这可是个不错的主意。 这将帮助你把身体的间歇性训练和大脑的运转联系起来。 若你对这样的经历乐在其中, 你会慢慢地建立起自己的精神活力, 并乐意在此花更多的时间。


相关文章
|
9天前
vue3+Ts 二次封装ElementUI form表单
【10月更文挑战第8天】
157 59
|
3天前
|
JavaScript 容器
乾坤qiankun框架搭建 主应用为vue3的项目。
乾坤qiankun框架搭建 主应用为vue3的项目。
19 2
|
6天前
|
JavaScript API
Vue3实现面板分割
Vue3实现面板分割
20 1
|
6天前
|
移动开发 JavaScript 前端开发
💻揭秘!如何用 Vue 3 实现酷炫的色彩魔方游戏✨
本文分享了开发基于Canvas技术的小游戏"色彩魔方挑战"的完整过程。游戏旨在考验玩家的观察力和耐心,通过随机生成的颜色矩阵和一个变化点,玩家需在两幅画布中找出不同的颜色点。文章详细讲解了游戏的核心功能,包括随机颜色矩阵生成、点的闪烁提示、自定义配色方案等。此外,作者展示了使用Vue 3和TypeScript开发的代码实现,带领读者一步步深入了解游戏的逻辑与细节。
120 69
|
3天前
|
JavaScript
vue3 生命周期
【10月更文挑战第14天】vue3 生命周期
|
4天前
|
JavaScript 前端开发
Vue 2 和 Vue 3 之间响应式区别
10月更文挑战第7天
17 2
|
5天前
|
存储 前端开发 中间件
vue3之vite配置vite-plugin-mock使用mock轻松创建模拟数据提高开发效率
vue3之vite配置vite-plugin-mock使用mock轻松创建模拟数据提高开发效率
28 0
|
5天前
|
JavaScript 前端开发 API
vue3中常用插件的使用方法:按需引入自定义组件,自动导入依赖包,自动生成路由,自动生成模拟数据
vue3中常用插件的使用方法:按需引入自定义组件,自动导入依赖包,自动生成路由,自动生成模拟数据
92 0
|
10天前
|
Web App开发 JavaScript 数据可视化
vue3扩展echart封装为组件库-快速复用
vue3扩展echart封装为组件库-快速复用
42 7
|
5天前
|
JavaScript 前端开发 算法
对比一下Vue2 和 Vue3?—— 8个方面给你答案
本文介绍了 Vue 和 React 的起源、核心思想、表现形式、API 差异、社区差异、升级方向、响应式原理、Diff 算法、事件机制,并进行了总结。Vue 以其渐进式框架设计和简洁性著称,而 React 则强调单向数据流和灵活性。两者均支持组件化开发和虚拟 DOM,适用于不同的开发场景。
14 0
对比一下Vue2 和 Vue3?—— 8个方面给你答案