尤雨溪用中文在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 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章