尤雨溪用中文在Vue3.0 Beta直播里的PPT

时间轴

4 月 16 日,vue 3 正式进入 beta 阶段。 同日,尤大参加了 State of Vue 的线上活动。

4月17日,尤大在微博上发布:Vue 3.0 beta 了!并给出了 -> 网页链接

 Vue 3.0 的发布立即就引起了轩然大波,各种疑问满天飞,尤大选择性的回复了比如:vue是模仿react的吗?模仿的是 Hooks 而不是 React 全部等问题。

 

 4月21日晚9点,尤大在家中用中文在B站直播,32万前端人一起观看了直播,这次直播向国内前端开发者们发布名为:State of Vue 的PPT演讲,演讲PPT在资料下载专用的QQ群中,请大家去下载,下面我们提炼一下这次发布会的重点,

 

给大家解读传达一下:

附上直播中文版PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

Vue.js 3.0 Beta发布后的工作聚焦于保证稳定性和推进生态圈中各类库集成

所有的进度和文档都将在全新RFCs文档可以看到。

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

举例:假设要编译以下代码

<div> <span/> <span>{{ msg }}</span> </div> 

 

编译为:

 

import { createVNode as _createVNode, toDisplayString as _toDisplayString, openBlock as _openBlock, createBlock as _createBlock } from "vue" export function render(_ctx, _cache) { return (_openBlock(), _createBlock("div", null, [ _createVNode("span", null, "static"), _createVNode("span", null, _toDisplayString(_ctx.msg), 1 /* TEXT */) ])) } // Check the console for the AST 

 

  • 注意看第二个_createVNode结尾的“1”:Vue在运行时会生成number(大于0)值的PatchFlag,用作标记。

 

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

React Hooks 类似的东西,实现方式不同。

 

  • 可与现有的 Options API一起使用
  • 灵活的逻辑组合与复用
  • vue 3的响应式模块可以和其他框架搭配使用

混入(mixin) 将不再作为推荐使用, Composition API可以实现更灵活且无副作用的复用代码。

感兴趣的可以查看:composition-api.vuejs.org/#summary 

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT

尤雨溪用中文在Vue3.0 Beta直播里的PPT