• Vue 必须知道的一些概念


    Vue

      作者:尤雨溪

    Vue.js 是一套构建用户界面的 渐进式框架。

       https://cn.vuejs.org/v2/guide/

    Vue介绍:

      特点:MVVM框架、双向数据绑定原理、数据驱动、易学、轻量、组件化、简洁、高效、模块友好

      MVVM框架:Model(模型) View(视图) View Modle(视图数据)

        VM:通过视图去操作数据,也能通过数据操作视图(双向数据绑定)

      拓展 MVC:Model View Control (模型、视图、控制器)

    Vue和angular简单对比:

    Vue----简单,易学,弱主张,只要会点html、css、js,加点vue的思想就能学会(自由)

      指令以v-xxx,属性方法均挂在Vue的实例上,适用于移动端项目

    angular---学习曲线陡峭,框架粘性很强(强主张)只要一开始用,那么这个项目就要一直用它,不能喝别的框架耦合。

      指令以ng-xxx,属性方法均挂在$scope上,使用与pc端项目

    均不支持IE8以下版本

    vue 对比 react 的优势:

    1. API设计上简单,语法简单,学习成本低

    2. 基于依赖追踪的观察系统,并且异步队列更新

    3. 简单的语法及项目搭建 ,更快的渲染速度和更小的体积

    4. 渲染性能

      渲染用户界面的时候,dom的操作成本是最高的,那为了尽可能的减少对dom的操作,Vue和React都利用虚拟DOM来实现这一点,但Vue的Virtual DOM实现(一个陷阱的叉子)的权重要轻得多,因此比React的引入开销更少。

      Vue 和 React 也提供功能性组件,这些组件因为都是没有声明,没有实例化的,因此会花费更少的开销。当这些都用于关键性能的场景时,Vue 将会更快。

    5. 更新性能

      在react中,当一个组件的状态发生变化时,它将会引起整个组件的子树都进行重新渲染,从这个组件的根部开始。那为了避免子组件不必要的重新渲染,您需要随时使用shouldComponentUpdate,并使用不可变的数据结构。 在Vue中,组件的依赖关系在它的渲染期间被自动跟踪,因此系统准确地知道哪些组件实际上需要重新渲染。这就意味着在更新方面,vue也是快于React

    6. 开发中

      在开发中,Vue 每秒最高处理 10 帧,而 React 每秒最高处理不到 1 帧。这是由于 React 有大量的检查机制,这会让它提供许多有用的警告和错误提示信息。vue在实现这些检查时,也更加密切地关注了性能方面。

  • 相关阅读:
    数据排序
    (一)Spark简介Java&Python版Spark
    醒 了
    祈福
    可以接受失败,但不选择放弃
    烦中偷乐
    Yahoo! UI Library入门
    文章内容的简单优化方法
    Asp.Net网站速度优化
    ASP.NET实现GZIP压缩优化
  • 原文地址:https://www.cnblogs.com/MrZhujl/p/13177137.html
Copyright © 2020-2023  润新知