redux： 1，store：提供了一个全局的store变量，用来存储我们希望从组件内部抽离出去的那些公用的状态； 2，action：提供了一个普通对象，用来记录我们每一次的状态变更，可日志打印与调试回溯，并且这是唯一的途径； 3，reducer：提供了一个纯函数，用来计算状态的变更； redux特 ...
转载
2021-09-30 15:47:00
177阅读
2评论
react和vue的业务逻辑是差不多，vue在react上封装了更简洁的方法，使用起来更加的便捷，如：提供了便捷的指令（v-for,v-if,v-mode
原创
2020-08-13 14:26:02
92阅读
首次发表在个人博客 相同点 都支持服务器端渲染 都有Virtual DOM,组件化开发,通过props参数进行父子组件数据的传递,都实现webComponent规范 数据驱动视图 都有支持native的方案,React的React native,Vue的weex 不同点 React严格上只针对MVC
转载
2020-05-06 19:00:00
69阅读
2评论
react和vue的业务逻辑是差不多，vue在react上封装了更简洁的方法，使用起来更加的便捷，如：提供了便捷的指令（v-for,v-if,v-model），还提供了更多的属性（computed,watch），用react的，更接近js原生，更容易于理解它react：Facebook（团队） vue：尤雨溪生命周期(列出常用
原创
2020-08-13 14:26:02
290阅读
redux store.dispach(action)->redux reducers->change state->react ui change
原创
2022-10-27 13:52:12
78阅读
文章目录1. 基本用法1.1. 获取服务端组件1.2. ES module动态导入2. 加载与错误状态 1. 基本用法在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 3 提供了 defineAsyncComponent 方法来实现此功能：1.1. 获取服务端组件import { defineAsyncComponent } from 'vue'
con
转载
2024-10-25 20:06:01
40阅读
小结： React遵循从上到下的数据流向，即单向数据流。 1、单向数据流并非‘单向绑定’，甚至单向数据流与绑定没有‘任何关系’。对于React来说，单向数据流（从上到下）与单一数据源这两个原则，限定了React中要想在一个组件中更新另一个组件的状态（类似于Vue的平行组件传参，或者是子组件向父组件传
转载
2020-03-08 21:43:00
1528阅读
2评论
其他章节请看： react实战 系列 数据流和生命周期 如何处理 React 中的数据，组件之间如何通信，数据在 React 中如何流动？ 常用的 React 生命周期
原创
2022-10-21 14:40:47
74阅读
React是单向数据流，数据主要从父节点传递到子节点（通过props）。如果顶层（父级）的某个props改变了，React会重渲染所有的子节点。 ...
转载
2021-09-19 09:51:00
264阅读
2评论
react的特点： 1、组件化，模块化，虚拟DOM，diff算法。 2、声明式的框架，可追踪性更强。 3、react 只关注视图层 & react 是MVC架构。react可以是这两种，但是react可以的更多。 4、react的灵活、以及react带来的思维模型、直观的API。 5、react将组 ...
转载
2021-07-23 17:35:00
246阅读
2评论
本章主要内容可变状态与不可变状态有状态组件和无状态组件组件通信单向数据流第2章大致介绍了React。我们花了些时间学习了React，了解它的设计和
原创
2022-05-01 17:43:00
467阅读
当父组件给子组件传递数据的时候，子组件只能读取，不能改写。因为如果子组件改变父组件传递过来的数据时会造成数据流难以理解。
原创
2021-07-13 17:22:27
210阅读
1、props通信注意：DOM模板的驼峰命名props要转为短横分割命名。<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <title>Vue</title> &
原创
2022-03-29 09:59:47
181阅读
1、props通信 注意：DOM模板的驼峰命名props要转为短横分割命名。 传递动态数据（v-bind）： 2、单向数据流 （1）子组件保存父组件传递过来的值，在子组件自己的作用域下修改和使用。 （2）使用计算属性
转载
2017-12-18 14:54:00
78阅读
2评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <box2 :total="appCo ...
转载
2021-08-24 16:21:00
112阅读
2评论
写数据流 const fs = require('fs'); let str = ''; for (let i = 0; i < 1e4; i++) { str += `写入数据${i}\n`; } const writeStream = fs.createWriteStream('./data/o ...
转载
2021-10-20 20:11:00
280阅读
2评论
React.js 和 Vue.js 确实有一些相似——它们都提供数据驱动、可组合搭建的视图组件。然而，它们的内部实现是完全不同的。React 是基于 Virtual DOM——一种在内存中描述 DOM 树状态的数据结构。React 中的数据通常被看作是不可变的，而 DOM 操作则是通过 Virtual DOM 的 diff 来计算的。与之相比，Vue.js 中的数据默认是可变的，而数据的变更会直接
转载
2024-01-02 11:14:55
44阅读
在前端开发中，数据流是一个非常重要的概念。Vue.js作为一种流行的前端框架，采用了单向数据流的架构，旨在简化开发过程并提高应用的可维护性。本文将探讨Vue单向数据流的含义以及它的使用方法。
原创
精选
2024-02-03 21:47:19
308阅读
单向数据流：父级 prop 的更新会向下流动到子组件中，每次父级组件发生更新时，子组件中所有的 prop 都将会刷新为最新的值
原创
2022-11-23 00:07:23
233阅读
一、单向数据流简介 props是单向绑定的，当父组件的属性变化时，将传导给子组件，但是不会反过来。这是为了防止子组件无意修改了父组件的状态（这会让应用的数据流难以理解）。而且不允许子组件直接修改父组件的数据（会报错）。 1、子组件修改数据，不影响到父组件。 解决方式：如果子组件想把它作为局部数据来使 ...
转载
2021-09-09 11:10:00
466阅读
2评论
