zoukankan      html  css  js  c++  java
  • Vue、 React比较

    关键词:MVVM(Model-View-VIewModel)数据模型双向绑定。视图的数据变化会同时修改数据资源,数据资源的变化也会立刻反应到视图View上。

    一.vue.js

    vue是一套构建用户界面的渐进式框架。采用自底向上的增量开发的设计。vue的核心在于只关注视图层,已于上手,便于和第三方库或既有项目整合。

    二.React

    react和vue有很多相似之处,它们都有:

    ① 使用virtual DOM

    ② 提供了响应式和组件化的视图组件

    ③ 将注意力几种保持在核心库,而将其他功能如路由和全局状态管理交给相关的库

    三.二者的区别

    在运行性能方面,react和vue都是非常快的。

    优化方面:

    在react应用中,当某个组件的状态发生变化时,它会以该组件为根,重新渲染整个组件子树。

    如要避免不必要子组件的冲渲染,需要在所有可能得地方使用PureComponent,或者手动实现shouldComponentUpdate方法(默认为true)。

    然而,使用 PureComponent 和 shouldComponentUpdate 时,需要保证该组件的整个子树的渲染输出都是由该组件的 props 所决定的。如果不符合这个情况,那么此类优化就会导致难以察觉的渲染结果不一致。这使得 React 中的组件优化伴随着相当的心智负担。

    在 Vue 应用中,组件的依赖是在渲染过程中自动追踪的,所以系统能精确知晓哪个组件确实需要被重渲染。你可以理解为每一个组件都已经自动获得了 shouldComponentUpdate,并且没有上述的子树问题限制。

    Vue 的这个特点使得开发者不再需要考虑此类优化,从而能够更好地专注于应用本身。

    一点一滴累积,总有一天你也会成为别人口中的大牛!
  • 相关阅读:
    文件的基本操作
    ps工作界面
    HDU 6300
    HDU 6298
    HDU 2037
    HDU 2036
    Tesseract OCR
    What is the difference between position: static,relative,absolute,fixed
    How to Call a synchronize function asynchronizly in C#
    WCF note1
  • 原文地址:https://www.cnblogs.com/fancyLee/p/8029347.html
Copyright © 2011-2022 走看看