网页代码扒ppt_尤雨溪用中文在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

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

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

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

<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，用作标记。

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

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

混入(mixin) 将不再作为推荐使用， Composition API可以实现更灵活且无副作用的复用代码。
感兴趣的可以查看：composition-api.vuejs.org/#summary