一、Vue的基本原理
（一）甚么是Vue
Vue，读法是/vju:/，是两套用于构筑界面的渐进架构，自下层向下应用领域，Vue的核心库只关注快照层，容易进阶，能和服务器端库或是已近的项目展开资源整合，能做复杂的白眉林应用领域。单纯的说，vue是两套后端合作开发架构，vue是目前三大非主流的架构之一，其他两个架构是:React、Angular。
（二）后端合作开发架构再次出现的意义
像Vue和React、Angular等后端架构的再次出现，让后端合作开发更为的制度化、也让更为的快捷。这模样的益处表现在后端产业化、其间端分立（数据单向存取）、组件化合作开发
1、后端产业化
后端产业化，是一种当今社会盛行的软件合作开发道德观。可能将许多爸爸妈妈在自学前端时候，是先从Html、Css、JavaScript开始扬名立万的，在自学和采用的操作过程中会发现，这样的展开合作开发须要多次重复写许多的标识符，而且，标识符的方法论相关性较高，还会再次出现Css或是JavaScript实用性文件武装冲突或是彼此之间产生阻碍的难题，会给合作开发以及debug带来许多的难题，可能将找一会都没有找到是甚么地方错了，总而言之，比较杂乱。
而后端产业化是为的是解决裁定的这些难题，特别针对具体的生产合作开发环境而提出的方案。后端产业化包涵了：产业化的目的是为的是，提高合作开发工作效率、保证合作开发质量。
1）制度化，也是制订或是签订合同一个合作开发准则、合作开发标准，比如，类的重新命名规范化、制订代码模版标识符，之类，倡导签订合同小于实用性（vue、springboot之类之中就有签订合同小于实用性的规范化）
2）可定量分析的操作过程化方式，单纯来说是制订来衡量整个合作开发销售业务流程和工程进度的方式
3）管理工具，来管理标识符的预览
4）合作开发采用的技术、方式。
2、其间端分立
后端：负责管理View（快照层）和Controller（销售业务组件销售业务流程控制层）
后端：负责管理Model层、销售业务、信息处理等
这模样的益处，后端UI的设计能根据销售业务需求展开修正，而不会阻碍，后端合作开发，后端能著眼于后端事情，后端也不必重视后端合作开发的难题，只须要清晰可见其间端交会的接口就能了。
3、组件化合作开发
组件化合作开发，让后端多次重复的采用的标识符能单独拎出来成为一个组件来供整个项目各个页面的采用，Css、JavaScript的脚本的内容能限定作用的域，从而大幅度减少了合作开发的武装冲突难题
二、Vue的合作开发中用到的概念
（一）MVVM
1、是Model、View、ViewModel的简称
MVVM模式和MVC模式一样，主要目的是分立快照（View）和模型（Model），有几大益处
1）低耦合。快照（View）能独立于Model变化和修正，一个ViewModel能存取到不同的”View”上，当View变化的时候Model不能不变，当Model变化的时候View也能不变。
2）可重用性。你能把一些快照方法论放在一个ViewModel里面，让许多view重用这段快照方法论。
3）独立合作开发。合作开发人员能著眼于销售业务方法论和数据的合作开发（ViewModel），设计人员能著眼于页面设计，采用Expression Blend能很容易设计界面并生成xaml标识符。
4）可测试。界面素来是比较难于测试的，而现在测试能特别针对ViewModel来写。
2、MVVM的Model、View、ViewModel分工
1）View
负责管理界面和显示，界面构成元素有window, controls, page, dataTemplete, custom controls…. 通过DataContext和ViewModel存取 不直接和Model交互！控件能和ViewModel的公共属性存取，update须要单向存取 控件能触发Behavior/Command调用ViewModel的方式，Command是View到ViewModel的单向通讯 (View中触发事件，ViewModel中处理事件)
2）ViewModel
主要包括界面方法论和模型数据封装，Behavior/Command事件响应，存取的属性定义等 ViewModel继承Model类，或是是Model的继承类 是view和model的桥梁，是对Model的抽象，例如，model中数据格式是“年月日”，能在viewModel中转换model中的数据为“日月年”以供快照（view）显示。
3）Model
数据和销售业务方法论 客户端领域模型 由data entities, business objects, repositories and services构成 能实现属性或集合的change notification
二、Vue合作开发中涉及的概念
webpack 是一个组件打包器。它的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中采用
vue-router：应用领域的路由映射
vuex：Vuex 是一个专为 Vue.js应用领域程序合作开发的状态管理模式。它采用集中式存储管理应用领域的所有组件的状态，并以相应的准则保证状态以一种可预测的方式发生变化。
axios：基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 Node.js 中采用
ES6：ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。
babel：Babel 是一个 JavaScript 编译器。用来将ES6转换为ES5，以便于各种浏览器均可运行
感谢各位的关注，希望我的分享能够给大家的自学生活带来一些帮助。
转载文章请记得标明：
作者：OS0day
微信公众号：林小子有话说
知乎专栏：软件合作开发与网络安全
