笔记

Vue.js 是什么

Vue (读音 /vjuː/,类似于 view) 是一套用于 构建用户界面渐进式 JavaScript 框架。

解读:

  • 构建用户界面

    002_Vue简介 - 图1


    即: 将 数据 通过Vue变为 界面。
  • 渐进式
    Vue可以自底向上逐层的应用。
    白话:
    简单应用:只需一个非常小的核心库(100kB左右);
    复杂应用:可以引入各种Vue插件;

谁开发的

002_Vue简介 - 图2

Taylor otwell 是 Laravel(一种 PHP Web开发框架 PHP Web Framework) 的作者。

Vue 的特点

  1. 采用 组件化 模式,提高代码复用率、且让代码更好维护。

    组件化:

    002_Vue简介 - 图3

  2. 声明式 编码,让编码人员无需直接操作DOM,提高开发效率。

    声明式:

    002_Vue简介 - 图4

  3. 使用 虚拟DOM+优秀的DIFF算法,尽量复用DOM节点。
    假设最初的数据为:

    002_Vue简介 - 图5


    如果有一天,数据发生了变化。
    如果还按照之前的写法,那么数据变化过程是:
    002_Vue简介 - 图6
    最理想的方法,就是只更新下图中的蓝色框内容,原来有的就不要再动了:
    002_Vue简介 - 图7
    Vue的做法:

    002_Vue简介 - 图8