Vue(一)

遵循SoC关注度分离原则

1.前端基础

结构层：HTML

表现层：CSS

--CSS预处理器：用一种专门的语言，进行Web样面设计，再通过编译器转化为正常的CSS

常用的：SASS(基于Ruby), LESS(这个是基于NodeJS,使用简单，一般用这个)

行为层：JS

2.Vue

Augular特点：将后台的MVC模式搬到前端并增加了模块化开发的理念（MVVM）(VM双向绑定相当于控制层)

React特点： 提出新概念虚拟DOM, 用于减少真实的DOM操作，在内存中模拟DOM操作，提升前端的渲染效率

Vue：渐进性JS框架，渐进性的意思是逐步学习ES6等的新特性。特点：综合了Augular和React的优点（计算属性是它的特色）

计算属性就是当其依赖属性的值发生变化时,这个属性的值会自动更新,与之相关的DOM部分也会同步自动更新