初识 Vue ..

70 阅读1分钟

一、什么是Vue


Vue是一套用于 构建用户界面渐进式 javascript框架

构建用户界面: 前端把UI设计的界面通过后端拿到数据编写成用户可见到的界面。

渐进式: 如果你要实现一个简单的功能,那vue可以提供简单的基础操作来实现,并不需要引入vue更复杂的功能,如果是复杂的项目,就需要引用到Vue-Router,VueX等插件

二、Vue的特点


  1. 采用组件化模式开发,提高代码的复用率,并且让代码维护起来更方便。一个xxx.vue文件就是一个组件,他可以适用于你项目任何可复用的位置,提高项目的可维护性。

  2. 声明式编码,让编码人员无需直接操作DOM,提高开发效率。以前命令式编码需要频繁操作DOM来给页面添加数据。

    命令式编码: (以JQ为例子)

    <div id="test"></div>
    
    var message = 'hello'
    
    $("#test").val(message)
    

    声明式编码:

    <div>
        <h1>{{ name }}</h1>
    </div>
    
  3. 使用 虚拟DOM + Diff 算法,尽可能的复用DOM节点

    Vue会通过虚拟DOM在js生成一个虚拟DOM对象,因为在浏览器操作DOM是极其不好,当数据发生改变的时候,通过Diff算法循坏遍历树节点,如果有差异的部分就更新到虚拟DOM对象中,没变化部分达到复用效果,最后映射到真实DOM中

未完待续。。。。