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 了
上一篇: 错排公式浅谈(推导+应用)