Vue和mobx的基础理解

Vue:

    index.html => main.js => App.vue ,然后就在这个基础上去建立各种*.vue

mobx:

action:标记此动作会被observable,而触发reaction 或autorun

runInAction:异步action,标记action中的异步操作

extendObservable: + observable

useStrict(true):只能用action改变value

when:if() + autorun,一旦predicate true ,停止autorun;

reaction:只监听给定的变量,且不会自动运行第一次

spy:监听所有的MobX的事件

computed :标记一个属性,只有当属性变化是才触发,不用管是不是有value变化了,主要是性能考虑

array:observable监听的时候只能监听array的变化,不能监听到里面对象的变化。

 

 

 

 

React 和 Vue 都是流行的前端框架,用于构建用户界面,但是它们在设计理念、架构和细节上有明显的差异。下面是 React 和 Vue 的几个关键区别: ### 架构与设计哲学 **React**: - **轻量级库**: React 最初是 Facebook 开发的一个用于构建交互性 UI 的 JavaScript 库。随着它的发展成为了一个完整的框架 (现在称为“React.js”或简称为“React”),它依然保持了轻量级的特点。 - **虚拟DOM**: React 使用虚拟 DOM 技术,通过比较新旧 DOM 结构的变化并仅更新必要的部分来提高性能。 - **单向数据流**: React 使用单向数据流(即 Flux 或 Redux 的形式),强调“props 下传,state 上送”。 **Vue**: - **全栈框架**: Vue 被设计为一个全面的框架,从一开始就是作为一个完整的解决方案而设计的。它包含了许多内置特性,比如模板引擎、组件系统、路由管理等。 - **双向数据绑定**: Vue 支持双向数据绑定,简化了状态管理的过程,使得数据操作更加直观和高效。 - **声明式编程**: Vue 鼓励开发者采用声明式编程风格编写应用,使得代码更易于理解和维护。 ### 组件系统 **React**: - **JSX**: React 使用 JSX 编写模板,结合了 HTML 和 JavaScript 的语法,可以很容易地插入变量和表达式。 - **函数式组件 vs 类组件**: React 提供了函数式组件和类组件两种组件的表示方式,函数式组件在性能上优于类组件。 **Vue**: - **模板语法**: Vue 使用类似 HTML 的语法编写模板,支持条件渲染、循环、插值等特性。 - **组件**: Vue 强调组件的封装性和可复用性,组件内部的数据和状态完全隔离,易于管理和测试。 ### 生态系统与社区 **React**: - **生态系统丰富**: React 拥有庞大的生态体系,包括 Redux、Mobx、Material-UI、Ant Design 等库和工具,适合构建复杂的应用。 - **企业级支持**: 许多大型企业和组织采用 React,因此在企业级项目中有很好的支持和服务。 **Vue**: - **简洁易学**: Vue 的语法设计相对简单,易于上手和理解,对于新手友好。 - **社区活跃**: Vue 社区活跃,文档完善,开发者社区提供大量开源项目和资源。 ### 性能优化 虽然 Vue 在某些方面提供了更高的效率和更快的性能(例如通过避免不必要的计算),但 React 使用虚拟 DOM 的策略同样有效,尤其是对于大规模应用而言,性能差异可能会变得不那么显著。 总之,React 和 Vue 各有各的优势和应用场景。选择哪一个取决于项目的具体需求、团队熟悉的技术栈以及长期发展的考虑。对于追求高效率、熟悉 JS 社区的开发者,React 可能是更好的选择;而对于注重学习曲线平缓、组件化能力强、文档丰富的新手来说,Vue 可能会更为合适。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值