[{"data":1,"prerenderedAt":117},["ShallowReactive",2],{"agendas-day2-7-m":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"startTime":11,"endTime":12,"location":13,"tags":14,"speakerCodes":16,"body":18,"_type":111,"_id":112,"_source":113,"_file":114,"_stem":115,"_extension":116},"/agendas/day2-7-m","agendas",false,"","當 Vue 與 View 分手之後⋯","受到 Solid.js 與 Svelte 的啟發，Vue.js 團隊正在開發 Vue Vapor 這個令人期待的新特性，與傳統的 vDOM 渲染模式相比，Vue Vapor 目標在除去 vDOM 操作的抽象層，可望降低執行時的記憶體消耗，同時也提升執行時的效能。由於 Vue 3 的核心響應式系統 @vue/reactivity 已被設計為獨立套件，這代表著開發者可以不必依靠 Vue.js 本身，甚至也能在後端的 node.js 上使用 Vue 響應式系統來進行開發。而 Vue Vapor Mode 的基礎即是從 @vue/reactivity 這個核心模組開始出發的。在這場議程中，我們將探討當 @vue/reactivity 突破 Vue.js 框架的束縛之後，如何為 Vue.js 與 Vue Vapor 帶來全新的可能性。","2024-12-28","15:20","16:05","M",[15],"frontend",[17],"kuro",{"type":19,"children":20,"toc":108},"root",[21],{"type":22,"tag":23,"props":24,"children":25},"element","agenda-tabs-content",{},[26,95],{"type":22,"tag":27,"props":28,"children":29},"template",{"v-slot:agenda":7},[30,43,51,74,78,82,90],{"type":22,"tag":31,"props":32,"children":33},"agenda-title",{},[34],{"type":22,"tag":35,"props":36,"children":37},"p",{},[38],{"type":22,"tag":39,"props":40,"children":42},"binding",{"value":41},"$doc.title",[],{"type":22,"tag":44,"props":45,"children":50},"agenda-info",{":date":46,":end-time":47,":location":48,":start-time":49},"date","endTime","location","startTime",[],{"type":22,"tag":35,"props":52,"children":53},{},[54,57,61,64,66,69,72],{"type":55,"value":56},"text","受到 Solid.js 與 Svelte 的啟發，Vue.js 團隊正在開發 Vue Vapor 這個令人期待的新特性，與傳統的 vDOM 渲染模式相比，Vue Vapor 目標在除去 vDOM 操作的抽象層，可望降低執行時的記憶體消耗，同時也提升執行時的效能。\n",{"type":22,"tag":58,"props":59,"children":60},"br",{},[],{"type":22,"tag":58,"props":62,"children":63},{},[],{"type":55,"value":65},"\n由於 Vue 3 的核心響應式系統 @vue/reactivity 已被設計為獨立套件，這代表著開發者可以不必依靠 Vue.js 本身，甚至也能在後端的 node.js 上使用 Vue 響應式系統來進行開發。而 Vue Vapor Mode 的基礎即是從 @vue/reactivity 這個核心模組開始出發的。\n",{"type":22,"tag":58,"props":67,"children":68},{},[],{"type":22,"tag":58,"props":70,"children":71},{},[],{"type":55,"value":73},"\n在這場議程中，我們將探討當 @vue/reactivity 突破 Vue.js 框架的束縛之後，如何為 Vue.js 與 Vue Vapor 帶來全新的可能性。",{"type":22,"tag":75,"props":76,"children":77},"agenda-content-tags",{},[],{"type":22,"tag":79,"props":80,"children":81},"hr",{},[],{"type":22,"tag":31,"props":83,"children":84},{},[85],{"type":22,"tag":35,"props":86,"children":87},{},[88],{"type":55,"value":89},"目標會眾",{"type":22,"tag":35,"props":91,"children":92},{},[93],{"type":55,"value":94},"Vue.js 開發者、JavaScript/TypeScript 開發者",{"type":22,"tag":27,"props":96,"children":97},{"v-slot:speaker":7},[98],{"type":22,"tag":35,"props":99,"children":100},{},[101,103,106],{"type":55,"value":102},"Vue.js Taiwan 社群主辦人。長期專注網頁前端標準技術，也多次參與技術社群分享心得。",{"type":22,"tag":58,"props":104,"children":105},{},[],{"type":55,"value":107},"\n時常出現在新莊棒球場的開發者，因為休賽期間沒球看所以來參加研討會。",{"title":7,"searchDepth":109,"depth":109,"links":110},2,[],"markdown","content:agendas:day2-7-m.md","content","agendas/day2-7-m.md","agendas/day2-7-m","md",1793299639081]