Vue与React和Angular比较

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/m0_37686205/article/details/88797313

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,对应angularng-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样式写在一个文件中)
  • 页面不过是组件的容器,组件可以嵌套自由组合成完整的页面
展开阅读全文

没有更多推荐了,返回首页