Loading...

VUE PK REACT(1)

–>

一、浏览器兼容性

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 了

 

原文链接:https://www.cnblogs.com/yuebai/p/8515175.html
本文来源 互联网收集,文章内容系作者个人观点,不代表 本站 对观点赞同或支持。如需转载,请注明文章来源,如您发现有涉嫌抄袭侵权的内容,请联系本站核实处理。

© 版权声明

相关文章