VUE 前端框架学习总结

Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。
视图层即页面展示（给用户看的部分），刷新后台给的数据：HTML + CSS + JS


Vue 只负责视图层，其他前端部分有以下技术解决
网络通信 ： axios
页面跳转 ： vue-router
状态管理：vuex
Vue-UI : ICE , Element UI

---

---

一、前端核心分析

1 Vue 框架简介

        Vue 框架简介：Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架，发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如: vue-router: 跳转，vue-resource: 通信，vuex:管理)或既有项目整合

---

2 前端三要素

• HTML (结构) :超文本标记语言(Hyper Text Markup Language) ，决定网页的结构和内容

• CSS (表现) :层叠样式表(Cascading Style sheets) ，设定网页的表现样式

• JavaScript (行为) :是一种弱类型脚本语言，其源代码不需经过编译，而是由浏览器解释运行,用于控制网页的行为

---

3 前端三大 JavaScript 框架 ( Angular、React、Vue)

• Angular 框架 :

  • Google收购的前端框架，由一群Java程序员开发，其特点是将后台的MVC模式搬到了前端并增加了模块化开发的理念，与微软合作，采用TypeScript语法开发;对后台程序员友好，对前端程序员不太友好;最大的缺点是版本迭代不合理(如: 1代-> 2代，除了名字，基本就是两个东西;截止发表博客时已推出了Angular6)

• React 框架 :

  • Facebook出品，一款高性能的JS前端框架;特点是提出了新概念[虚拟DOM]用于减少真实DOM操作，在内存中模拟DOM操作，有效的提升了前端渲染效率;缺点是使用复杂，因为需要额外学习一门[JSX] 语言;

• Vue 框架：

  • 一款渐进式JavaScript框架，所谓渐进式就是逐步实现新特性的意思，如实现模块化开发、路由、状态管理等新特性。其特点是综合了Angular (模块化)和React (虚拟DOM)的优点;

    • Axios 框架:

      • 前端通信框架;因为Vue 的边界很明确，就是为了处理DOM,所以并不具备通信能力，此时就需要额外使用一个通信框架与服务器交互;当然也可以直接选择使用jQuery提供的AJAX通信功能;

---

二、前端设计模式（MVVM 模式）

---

三、编写第一个 Vue 程序

---