前后端分离框架之一-VUE框架简介

简介

前后端分离框架。单页应用框架。MVVM库（Model+View+ViewModel）。用于构建用户界面的渐进式框架。被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，便于与第三方库或既有项目整合。面向组件。全家桶系列工具，可方便构建应用。类似的框架Angular、React、Vue。“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。作者：尤雨溪（Evan You）

Vue的核心特性

组件化，通过将页面上某一组件的html、CSS、js代码放入一个.vue的文件中进行管理。使用ES6 Module的import引入组件，export暴露组件内容。数据驱动，双向数据绑定，MVVM应用。路由，通过路由功能，我们可以实现各个组件的按需加载，轻松构建单页应用。指令，通过Vue提供的常用指令，可以发挥Vue数据驱动的强大功能。

缺点

不支持低版本浏览器。对SEO不友好。没有angular那么成熟。

Vue技术栈

vue-cli：Vue的脚手架工具，用于自动生成Vue项目的目录及文件。vue-router： Vue提供的前端路由工具，利用其我们实现页面的路由控制，局部刷新及按需加载，构建单页应用，实现前后端分离。vuex：Vue提供的状态管理工具，用于同一管理我们项目中各种数据的交互和重用，存储我们需要用到数据对象。axios：基于promise用于浏览器和node.js的Ajax客户端。qs：用来包装data数据，一般配合axios。ElementUI：饿了么团队开发的一款基于vuejs的前端组件库，也是众多vuejs组件库里面比较优秀的一款。ES6：Javascript的新版本，ECMAScript6的简称。利用ES6我们可以简化我们的JS代码，同时利用其提供的强大功能来快速实现JS逻辑，如包管理，Promise等。NodeJs：Vue依赖NodeJs，在开发时独立运行的环境。生产上也可以做服务器端。NPM：node.js的包管理工具，用于同一管理我们前端项目中需要用到的包、插件、工具、命令等，便于开发和维护。webpack：一款强大的文件打包工具，可以将我们的前端项目文件同一打包压缩至js中，并且可以通过vue-loader等加载器实现语法转化与加载。Babel：一款将ES6代码转化为浏览器兼容的ES5代码的插件。ESLint：是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。