時間軸
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