VUE简介

什么是VUE？

一套用于构建用户界面的渐进式JS框架。

• 把数据展现成用户界面

• 渐进式：

  • 自底向上逐层应用

    • 简单应用：只需一个轻量小巧的核心库

    • 复杂应用：引入各式各样的Vue插件

特点

• 组件化模式

  • 一个.vue文件就是一个组件，包含了该组件所需的所有JS/HTML/CSS，提高代码复用率。

  • 更改一个组件的里代码，不会影响其他组件的代码（封装）。让代码更好维护。

• 声明式编码

  • 无需直接操作DOM，提高开发效率。

  • 与之对立的是 命令式编码

• 使用 虚拟DOM 和 Diff 算法

  • 数据 -》 虚拟DOM（virual dom） -》页面真实DOM (real dom)

  • 当数据产生变化的时候，diff算法会比较变化前后的虚拟DOM是否有重合，如果有重合的虚拟DOM，直接复用，提高了代码的复用率。

前置知识——JS基础

• ES6语法规范

• ES6模块化

• 包管理器

• 原型、原型链

• 数组常用方法

• axios

• promise

官网

Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)

API——VUE的字典

风格指南——优雅代码

cookbook——技巧

Awesome VUE——官方整理的VUE周边第三方库