Vue2(笔记01) - 基础 - Vue简介

笔记来自尚硅谷课程：

1 Vue是什么？

一套用于构建用户界面的渐进式 Javascript 框架；它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。

构建用户界面：前端工程师把数据呈现在界面上；

渐进式：Vue可以自底向上逐层的应用，只需一个轻量小巧的核心库，还有一堆各样的Vue插件；

从简单应用渐进到复杂应用，由一个Vue的核心库渐进到各种插件；

2 谁开发的？

大神尤雨溪，传奇而低调；

2013年，版本号：0.6

2014年，Vue正式对外发布，0.8；Taylor otwell （PHP框架大牛）在 Twitter 说在学习 vue.js ；

2015年，10月，Vue1.0发布；

2016年，10月，Vue2.0发布；

2020年，9月，Vue3.0发布；

Vue在 Angular 和 react 之后，生态完善，已然成为国内前端工程师必备技能；

3 Vue特点

1）采用组件化模式，提高代码复杂率，且让代码更好维护；

一个模块对应一个组件

2） 声明式编码，让编码人员无需要直接操作DOM，提高开发效率；

3）使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点；

4 所需JS基础

​​ES6语法规范​​；

​​ES6模块化​​；

​​包管理器（Npm等）；​​

​​原型​​​、​​原型链​​；

数组常用方法；

axios

​​promise​​

5 安装Vue环境

Vue不支持IE8及以下版本，因为Vue使用了ES5，支持兼容ES5的浏览器；

笔记在 VSCode 开发环境下练习；

Vue2.0最稳定的版本：2.7.10  ， 后面再学习Vue3.0+

官网下载Vue的JS文件：

开发版本：​​https://v2.cn.vuejs.org/js/vue.js​​

生产版本：​​https://v2.cn.vuejs.org/js/vue.min.js​​

开发版本有错误提示，在项目开发时候用，生产版本是上线时候用的；

1）安装使用Vue: 直接用 script 引用就可以了；

<script src="./res/vue.js"></script>

我这里是把 vue.js 放在 res 目录下。

2）建议安装 ​​Vue Devtools​​ 工具:

有了开发工具，效率办事功倍；

国内访问不了 google 应用商店，就用 github 下载；而我连 github 也访问不了，只有到处下载 vue_div_tool.crx 插件在 chrome 扩展应用中载入了；

安装扩展不是很难，搜索一下就会了，安装成功后，要启用：

页面中有Vue代码的话会被插件识别，效果如下：

3）Live Server插件

模拟本地 Web 服务的插件，应该是 VSCode 自带安装的；