001_重学Vue_Vue简介

一、什么是 Vue

Vue 是一款构建用户界面的渐进式的 JavaScript 框架。

构建用户界面是指：在适当的时候拿到数据通过某种办法，变成用户看得到的界面。

渐进式是指：如果你只要实现一个简单的功能，譬如一个活动的广告页，那么用Vue的核心库就可以了。如果你要构建一个复杂的系统，这时你就需要用到VueX、Vue-Router等插件。

二、Vue 的作者

Vue 的作者是尤雨溪，2013年，受 Angular 的启发写的轻量级的前端框架 —— Seed。后来改名为 Vue，Vue 取自于法语。2020年9月18日正式发布 Vue 3.0，命名为 One Piece（海贼王）。

三、Vue 的特点

1. 采用组件化方式开发，提高代码复用率，且让代码更容易维护。一个 xxx.vue 文件就是一个组件，组件中包括 html、js、css，一个组件可以被多个地方使用。

2. 声明式 编码，让编码人员无需直接操作DOM，提高开发效率。早期使用拼接 html 的方式，设置元素的innerHTML，这种属于命令式编码。

   命令式代码：

   const htmlStr = ''
   
   persons.forEach(p=> {
       htmlStr += `<li>${p.name}</li>`
   })
   
   const list = document.getElementById('list')
   list.innerHTML = htmlStr
   

   声明式代码：

   <ul>
       <li v-for="p in persons">{{p.name}}</li>
   </ul>
   

3. 使用虚拟DOM+Diff算法，尽量复用DOM节点。

   Vue 将数据生成一份虚拟DOM，当数据发生变化时，拿变化后的数据生成新的虚拟DOM，再通过Diff算法比较新旧虚拟DOM，把有差异的部分更新到真实DOM上，未变化的部分达到复用的效果。

四、学习 Vue 要掌握的基础知识

ES6语法规范、ES6模块化、包管理器、原型、原型链、数组常用方法、axios、promise。