首页 > 其他分享 >react和vue这两个框架的相同点和不同点?

react和vue这两个框架的相同点和不同点?

时间:2022-09-07 19:47:32浏览次数:82  
标签:vue 渲染 react 相同点 组件 不同点

相同点:

1.都支持服务器端渲染

2.都有virtual dom,组件化开发,通过props参数进行父子组件传值,都实现webComponent规范数据

3.数据驱动视图

4.都有支持native的方案,react的是react native,vue的是weex

不同点:

1.react严格上只针对MVC的view层,vue则是mvvm模式

2.virtual dom不一样,vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树。

而对于react而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数来进行控制

3.组件写法不一样,react推荐jsx+inline style,也就是把html和css全部都写进javascript了,即‘all in js’。

vue推荐webpack+vue-loader的单文件组件格式,即html,css,js写在同一个文件但是会区分开标签

4.数据绑定,vue实现了数据的双向绑定,react数据流向是单向的

5.state对象在react应用中是不可变的,需要使用setState方法更新状态,

在vue中,state对象不是必须的,数据由data属性在vue对象中管理

  

标签:vue,渲染,react,相同点,组件,不同点
From: https://www.cnblogs.com/sun-shuaichao/p/16667029.html

相关文章

  • VUE
    判断list不为空:pawnList!==undefined&&pawnList!==null&&pawnList.length>0找不到vue界面:可能是自动引用的导致,删除import引用前后台实体匹配不上:数据类型不一致l......
  • Vue环境安装
    环境安装直接引用<scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>或者可以下载到本地位置,在手动导入importVuefrom'./vue.js'或是编辑......
  • vue.js3:图片镜像(翻转)并保存([email protected])
    一,js代码:<template><divstyle="background:#ffffff;"id="root"><div><button@click="restore">还原</button><button@click="flipx">水平镜像</button>......
  • React Native 组件介绍(一)
    Text一个用于显示文本的React组件,支持嵌套、样式、以及触摸处理style属性color:基本同css写法fontSize:number类型fontStyle:enum('normal','italic')fo......
  • 第 24 题:聊聊 Redux 和 Vuex 的设计思想
    共同点首先两者都是处理全局状态的工具库,大致实现思想都是:全局state保存状态---->dispatch(action)------>reducer(vuex里的mutation)---->生成newState;整个状态为同步......
  • 第 19 题:React setState 笔试题,下面的代码输出什么?
    ```jsclassExampleextendsReact.Component{constructor(){super();this.state={val:0};}componentDidMount(){this.se......
  • vue如何回显已上传的文件并且修改
    我们知道当我们在表单里面上传多个文件时,我们希望将多个文件和表单中的对象一起传给后端,这时我们传给后端的文件就是file数组。而我们想要回显已上传的文件,应该是拿不到那......
  • 第 18 题:React 中 setState 什么时候是同步的,什么时候是异步的?
    这里所说的同步异步,并不是真正的同步异步,它还是同步执行的。这里的异步指的是多个state会合成到一起进行批量更新。希望初学者不要被误导 在React中,如果是由React引......
  • vue-puzzle-vcode与vue-drag-verify纯前端的拼图人机验证、右滑拼图验证
    转载作品!以获取原作者允许,原文地址,感觉写的比较全面,也比较实用,大家可以去看看原文章;纯前端的拼图人机验证、右滑拼图验证1、vue-puzzle-vcodegithub地址:https://github......
  • vue 正则 密码校验
    password:[/*{validator:checkPassword,trigger:'blur'}*/{pattern:/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&,.*]).{8,19......