2020-07-03vue3.0提出的逻辑复用

vue3.0就要来了，或者说他的beta版已经有了。接下来就是官方文档的更新，各种库的支持。

那天看了，掘金和尤大神的直播。作者介绍了vue3.0的带来的一些变化。我粗略的知晓了一些。

1 性能上的提升。

大家都知道，现今前端最流行的两个框架，vue和react都采用了virtual dom和diff算法来提高前端对dom操作性能。

每次更新，diff算法都会去计算两次dom的差异。vue通过对dom中的不变的静态标签进行标记。那么每次检查更的时候，就会跳过这些标记的标签。只检查动态的标签。从而提高了性能。对于那些静态标签连续超出一定范围，vue会把他当作一个模板字符串插入dom文档中。这样也提高了性能。

2 tree shaking 和options思想变为composition思想。

vue2.0是把你可能会用到的对象，全部绑定到this上。这样打包出来的文件就会比较大。有些对象你根本没用到，完全可以不打包到里面。vue3.0的方式是用到了才引入。返回了才响应。这样就便于逻辑上的复用。

3 函数编程优先而不是react的类的代码组织模式，更加灵活。

4 碎片化，不用更标签必须唯一。

5 jsx同样完美支持。建议是：逻辑比较复杂的可以考虑用jsx写。

总结：就是更灵活，更方便，注重复用和性能。