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

440 阅读2分钟

时间轴

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