VueConf 2019 尤雨溪上海演讲资料 vue3.0爆料

尤雨溪 

Vue.js 作者，前 Google Creative Lab 成员。

日程安排日程安排将随时更新

1. 09:30大会开始了

2. 

   

    

3. 尤雨溪演讲主题：与Vue3相关的主题演讲

4. 发展现状

5. ● Chrome DevTools: ~90万周活跃用户

6. ○ 对比：React ~160万

7. ● npm 下载量：～400 万次/月

8. ● Jsdelivr CDN：5亿次引用/月

9. ● GitHub stars：14万

10. ○ 全 GitHub 第三，实际代码项目第一

11. ● 遍布世界各地的线下聚会 https://events.vuejs.org/

12. ● 目前每年在世界各地举办的 Vue 主题会议：

13. ○ VueConf 中国 ○ Vue.js Amsterdam（欧洲）

14. ○ VueConf US（美国）

15. ○ Vue Fes Japan（日本）

16. ○ VueConf Toronto（加拿大）

17. ○ VueDay Italy（欧洲）

18. ○ Vue Summit Brazil（南美）

19. ● State of JavaScript 2018 调查

20. ○ 前端框架满意度第一 (91%)

21. ● StackOverflow 2019 年度调查

22. ○ Most Loved Web Frameworks 第二

vue 3.0 进展

回顾 3.0 设计目标 

● 更小 

● 更快 

● 加强 TypeScript 支持 

● 加强 API 设计一致性 

● 提高自身可维护性 

● 开放更多底层功能 

如何更快？ 

● Object.defineProperty -> Proxy 

● Virtual DOM 重构 

● 更多编译时优化 

○ Slot 默认编译为函数 

○ Monomorphic vnode factory 

○ Compiler-generated flags for vnode/children types

看下图：快了很多的时间

渲染 3000 个带状态的组件实例

觉得还不够快的看这里！

传统 vdom 的性能瓶颈

虽然 Vue 能够保证触发更新的组件最小化，但在单个组件内部依然需要遍历该 组件的整个 vdom 树。

 

为什么不抛弃 Virtual DOM?

 ● 高级场景下手写 render function 获得更强的表达力 

● 生成的代码更简洁 

● 兼容 2.x

Vue 所特有的： 

● 底层是 Virtual DOM 

● 上层有包含大量静态信息的模版

Vue 需要做的：

● 兼容手写 render function 

● 最大化利用模版静态信息

动静结合

 

以上只整理了资料中的一部分，更多内容评论区留言获取哦！

初学 Vue 的时候，大家可能多半是直接在 DOM 或者 Java 字符串中直接写模板；而进入生产环境，很多人会用上 webpack + vue-loader，编写单文件组件，并预先编译。但 Vue 的使用场景远不止于这两种。本次分享我们将探索 Vue 在脱离 vue-loader 环境后的各种用法，带大家认识一个不一样的 Vue。

后台回复【vue】获取VueConf 2019大会演讲资料！！！觉得好看可以收藏或是分享哦！

让我们一起迎接vue3.0的到来！！！

PPT下载阅读

VueConf2019SH_Evan.pdf(2 MB)