Vue与React和Angular比较

Vue与React和Angular区别

1. vue.js更轻量，压缩后大小只有20K+, 但React压缩后大小为44k，Angular压缩后大小有56k，所以对于移动端来说，vue.js更适合；
2. vue.js更易上手，学习曲线平稳，而Angular入门较难，概念较多(比如依赖注入)，它使用java写的，很多思想沿用了后台的技术；react需学习较多东西，附带react全家桶，
3. vue.js吸收两家之长，借用了angular的指令(比如v-show,v-hide，对应angular的ng-show,ng-hide)和react的组件化(将一个页面抽成一个组件，组件具有完整的生命周期)
4. vue.js还有自己的特点，比如计算属性

vue.js的核心思想

• 数据驱动
  手动改变数据，vue.js通过指令对DOM封装，当数据发生改变，通过指令修改对应的DOM，数据驱动DOM的变化，DOM是数据的一种自然映射。

当修改视图时，vue.js 监听到DOM 变化，进而修改数据。

• 组件化
  目的：扩展HTML元素，封装可重用的代码
• MVVM框架
• 模块友好
• 轻量级框架
• 双向数据绑定
• 插件化

Vue.js的组件设计原则

• 页面上每个独立的可视/可交互区域视为一个组件(比如页面的头部，尾部，可复用的区块)
• 每个组件对应一个工程目录，组件所需要的各种资源在这个目录下就近维护(组件的就近维护思想体现了前端的工程化思想，为前端开发提供了很好的分治策略，在vue.js中，通过.vue文件将组件依赖的模板js样式写在一个文件中)
• 页面不过是组件的容器，组件可以嵌套自由组合成完整的页面