Vue和React设计思路

倒退历程

设计原理

vue是响应式+vdom,响应式会告诉呈现了变动，vdom是不晓得你哪里变动了，须要diff计算一下哪里呈现了变动
react没有响应式，是一个纯正的vdom

目标和意义

1 react单向数据流特地易于构建大型项目，不会有问题，facebook出品，可靠性更好
2 vue更重视老手的上手难度，为更多的人提供了前端的机会
总之，两个框架都很有意义

语法比拟

react的jsx
1 纯动静，能够依照js的形式以变量的形式写（var a = <div></div>）
能够任意地位写，react所有的优化交给了开发着
2 毛病 用于优化的空间不多
vue的tempalate
更像html
受限制，遵循v-if,v-for 语法
可优化，vue3为其做diff优化

虚构dom

虚构dom呈现起因

1 操作实在dom是十分费时的，咱们在内存中用vdom来进行diff计算，将须要操作的dom更准确，而后最小的操作dom
2 跨平台性

虚构dom更新原理

1 响应式被动告诉
2 虚构dom被动计算

在vue中将下面两个进行配合，依据组件进行划分，组件之间响应式告诉，组件外部，通过vdom计算diff
区别：
vue 利用双端优化,vue3有最长递增子序列
react 利用fiber,工夫切片，将树变为链表

抽象性

react与js很类似
vue绝对形象，封装了很多的api

runtime

react在runtime阶段的执行量最重，基本上是把jsx转化成js(React.createElement)
vue十分中庸，在各个方面都做到温和。为用户做了动态晋升等