欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

VUE PK REACT(1)

程序员文章站 2022-07-02 17:36:34
一、浏览器兼容性 vue: ie9+ react: ie8+ 二、安装使用 vue:1、直接引入 后直接写vue代码(小项目) 2、依赖node.j ......

一、浏览器兼容性

vue: ie9+ 

react: ie8+

二、安装使用

vue:1、直接引入  <script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script> 后直接写vue代码(小项目)   2、依赖node.js,npm,webpack打包(大项目)

react:依赖于一个很庞大的技术栈,需要安装node.js并且npm安装一些依赖包,比如create-react-app、bable 等工具

三、实现原理

vue:通过virtual DOM 来实现响应式渲染,数据驱动视图,组件化开发,通过props参数进行父子组件数据的传递

react:通过virtual DOM 来实现响应式渲染,数据驱动视图,组件化开发,通过props参数进行父子组件数据的传递

四、数据绑定

vue:双向绑定

react:数据流动时单向的

五、如何重新渲染视图

vue:修改vue数据对象

react:prop或者state变化,修改state必须使用setState方法

六、组件写法

vue:Vue 的默认 API 是以简单易上手为目标,但是进阶之后推荐的是使用 webpack + vue-loader 的单文件组件格式

react:JSX() + inline style,也就是把 HTML 和 CSS 全都整进 JavaScript 了