简介
React:React是一个用于创建可重用且有吸引力的UI组件的库。它非常适合代表经常变化的数据的组件。
Vue:Vue.js是一个开源JavaScript框架,能够开发单页面应用程序。它还可以用作Web应用程序框架,旨在简化Web开发。
共同点
1:都是为了一起与核心库使用而构建的,并将其他功能如路由和全局状态管理交给相关库;
2:两者都是基于Virtual DOM模型,
3:提供了以响应式和组件化的视图组件。
区别
♥ 组成结构
React.js是使用虚拟DOM(基于文档对象模型),有丰富的JavaScript库,具有灵活的结构和可扩展性。
Vue.js包含基于HTML的标准模板,可以更轻松地使用和修改现有应用程序,可以更顺畅的集成(组件),有更好的性能和更小的体积;
♥ 渲染方式
当组件发生变化时,React会触发整个组件树的重新渲染,需要使用额外的属性阻止不相关的子组件的渲染。
在Vue的应用中,组件的依赖是在渲染过程中自动追踪的,所以系统能准确的知道哪个组件确实需要重新渲染。
♥ JSX与HTML
React使用JSX-一种声明式JavaScript XML,允许开发人员利用JavaScript的强大功能编写组件。
Vue使用HTML模板创建视图。
♥ 路由和状态管理
React使用Flux / Redux,它代表单向数据流。
Vue使用Vuex,是专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
♥ 跨平台应用程序开发
React的React Native是一个成熟且广泛使用的本机渲染应用程序平台。
Vue框架被广泛应用于weex页面开发,致力于使开发者能基于通用跨平台的 Web 开发语言和开发经验,来构建 Android、iOS 和 Web 应用。
总结
React:需要构建移动应用程序;专业和出色的社区支持;需要构建大型应用程序;轻量级,易于版本迁移。
Vue:有最新的文档和最简单的语法;更小,更快,更灵活;丰富的HTML模板,易于开发;组件的可重用性;需要构建有吸引力的单页面应用程序和Web应用程序;
-THE END-