dvajs

发表于2022-03-07|更新于2026-02-24

|浏览量:

我喜欢我的懦弱，痛苦和难堪也喜欢。喜欢夏天的光照，风的气息，蝉的鸣叫，喜欢这些，喜欢得不得了。——《寻羊冒险记》

dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。

官网文档：https://dvajs.com/

简单快速入门后，有一个课堂实战

这个实战就是用dvajs

写一个列表，包含删除按钮，点删除按钮后延迟 1 秒执行删除。

当然，我也完成了这个简单的Demo：

https://gitee.com/VampireAchao/simple-dva.git

并顺手练习了一下并行、竞争等概念

还是很有意思的

相关推荐

忘记了它而微笑，远胜于记住它而愁苦。——罗西塔 Nuxt.js：构建现代 Web 应用的强大框架Nuxt.js 是一个基于 Vue.js 的开源框架，旨在简化开发现代 Web 应用的工作流程。无论是服务端渲染 (SSR)、静态网站生成 (SSG)，还是单页应用 (SPA)，Nuxt.js 都提供了一套强大而灵活的解决方案。背景与简介Nuxt.js 起源于 2016 年，由 Sebastien Chopin 和 Alexandre Chopin 创立。它的初衷是为 Vue.js 应用提供一套开箱即用的工具链，帮助开发者快速构建高性能、SEO 优化以及用户体验卓越的 Web 应用。今天，Nuxt.js 已发展成为 Vue.js 生态中不可或缺的一部分，被广泛用于企业级和开源项目中。核心特点1. 服务端渲染 (SSR)Nuxt.js 提供了简单且高效的服务端渲染功能。这不仅提升了应用的加载速度，还显著优化了 SEO 表现。 2. 静态站点生成 (SSG)通过 Nuxt.js 的 nuxt generate 功能，你可以轻松生成静态 HTML 文件，从而创建完全静态化的网站...

typescript-exercises（五）

一次冒险，胜过一千个安逸的日子。——保罗·科埃略《韦罗妮卡决定去死》题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108/*Intro: Time to filter the data! In order to be flexible we filter users using a number of criteria and return only those matching all of the criteria. We don't need Admins yet, we only filter Users.Exercise: Without du...

Failed to resolve loader: less-loader

但愿苍生俱饱暖，不辞辛苦出山林。一一于谦本来我今天遇到这个问题了 1Failed to resolve loader: less-loader You may need to install it 我一看：你可能需要安装一下less-loader，我直接输入命令安装 1cnpm i less-loader 执行完毕，再次运行发现报错信息变了： 1TypeError: this.getOptions is not a function 原来是版本太高了，于是卸载 1cnpm uni less-loader 然后安装低版本的 1cnpm i less-loader@6.0.0 再次启动就好了

typescript-exercises（十四）

人心就是立国的大根本。——孙中山问题： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194...

elementUI隐藏组件

追求使你充实，成功和失败都是伴奏。——史铁生关于ElementUI相信大家只要看过我这篇博客，都能有一定的了解今天聊聊ElementUI官方文档都找不到的一个隐藏组件那便是滚动条el-scrollbar 我们在开发中可能会用到数据量稍微多一点点的情况例如我这里写的一个v-for 123456789<div style="width: 20%"> <div v-for="(item, i) in tableData" :key="i"> <div v-text="item.name"></div> <div v-text="item.name"></div> <div v-text="item.name"></div> <div v-text="item.name"></div> &...

shenyu的rule表单handler填写问题

你凭什么以为你十年寒窗，抵得过我三代从商。——盛田昭主要是这个pr： https://github.com/apache/shenyu-dashboard/pull/518 发现原来是JSON.parse的时候，由于handler是undefined导致报错改为 1JSON.parse(handle ?? "{}"), JSON.parse(handle ?? "{}") 这个表达式涉及到了两部分的知识点：空值合并操作符（??）和JSON.parse()。空值合并操作符（??）：空值合并操作符（nullish coalescing operator）??用于判断一个值是否为null或undefined，如果是，则返回右边的值。如果左边的值不是null或undefined，则返回左边的值。在这个表达式中，handle ?? "{}"的作用是：如果handle的值是null或undefined，就返回"{}"，否则返回handle的值。 JSON.parse()...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中