第一篇：VUE介绍

1、概念：

是一款用于构建用户界面的js框架，基于html、css、js构建，提供了一套声明式的、组件化的编程模型。目前由于使用vue开发的组件繁多，已然形成了一个vue生态。

2、特点：

1）渐进式框架：使用者可以根据需要引入框架的部分功能，逐步增强，而不是一开始就引入全部功能，增加了框架使用的灵活性。

2）声明式渲染：在页面中只需要根据语法规则声明要渲染的变量即可，当变量值发生变化时自动重新渲染。

3）响应式：Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM，其原理为Vue生成了一个虚拟dom，会与页面真实dom进行比较，更新有变化的dom节点。

4）组件化：任意类型的应用界面都可以抽象为一个组件树，组件可以在页面中复用。

3、版本

目前两个大版本vue2和vue3，vue3包含了vue2。

4、官方文档

https://cn.vuejs.org/

5、框架学习前知识准备

1）、JS学习

1、JS的版本演进历史：

        后续js版本（ES5、ES6）增加了import、类和继承、异步等语法和功能。

https://zhuanlan.zhihu.com/p/697138265

2、JS系统语法学习：

闭包 - JavaScript | MDN闭包（closure）是一个函数以及其捆绑的周边环境状态（lexical environment，词法环境）的引用的组合。换而言之，闭包让开发者可以从内部函数访问外部函数的作用域。在 JavaScript 中，闭包会随着函数的创建而被同时创建。https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Closures

2）、HTML学习

HTML 简介 - 学习 Web 开发 | MDN就其核心而言，HTML 是一种相当简单的、由不同元素组成的标记语言，它可以被应用于文本片段，使文本在文档中具有不同的含义（它是段落吗？它是项目列表吗？它是表格吗？），将文档结构化为逻辑块（文档是否有头部？有三列内容？有一个导航菜单？），并且可以将图片，影像等内容嵌入到页面中。本模块将介绍前两个用途，并且介绍一些 HTML 的基本概念和语法。https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML

3）、CSS学习

CSS 入门概述 - 学习 Web 开发 | MDNCSS（层叠样式表）用于设置和布置网页——例如，更改内容的字体、颜色、大小和间距，将其拆分为多个列，或添加动画和其他装饰功能。这个模块为你掌握 CSS 的过程提供了一个温和的开端，包括它如何工作的基础知识，语法是什么样的，以及如何开始使用它来为 HTML 添加样式。https://developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps

4）、文档对象模型DOM学习

https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Modelhttps://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model

6、运行环境

node.js---详细介绍参考另外一篇博文：https://mp.youkuaiyun.com/mp_blog/creation/editor?spm=1011.2124.3001.6192https://mp.youkuaiyun.com/mp_blog/creation/editor?spm=1011.2124.3001.6192

下载地址：

https://nodejs.org/en

7、开发工具IDE

VScode--免费

下载地址：

Download Visual Studio Code - Mac, Linux, Windows