Vue.js3.0 源碼組織方式的變化 CompositionAPI 性能提升 Vite 一、源碼組織方式 源碼采用TypeScript重寫 使用Monorepo管理項目結(jié)構(gòu)...
IP屬地：北京
-
-
服務(wù)端渲染基礎(chǔ)一、概述 SPA 單頁面應(yīng)用優(yōu)點用戶體驗好開發(fā)效率高渲染性能好可維護性好 SPA單頁面應(yīng)用缺點首屏渲染時間長不利于SEO 借鑒了傳統(tǒng)的服務(wù)端渲染image.png 客戶端激活...
-
Nuxt.js基礎(chǔ)一、Nuxt.js是什么 一個基于Vue.js生態(tài)的第三方開源服務(wù)端渲染應(yīng)用框架 他可以幫助我們輕松的使用vue.js技術(shù)棧構(gòu)建同構(gòu)應(yīng)用 中文文檔[https://www.n...
-
Vuex 狀態(tài)管理Vue組件間通信方式 Vuex核心概念和基本使用 購物車案例 模擬實現(xiàn)vuex 一、組件內(nèi)的狀態(tài)管理流程 狀態(tài)管理組成state：驅(qū)動應(yīng)用的數(shù)據(jù)源view：以聲明方式將sta...
-
Vue.js 源碼分析——模板編譯和組件化一、 模板編譯 模板編譯介紹：模板編譯的主要目的是將模板（template）轉(zhuǎn)換為渲染函數(shù)（render） 渲染函數(shù) 模板編譯的作用Vue2.x使用VNode描述視圖以及各種...
-
Vue.js 源碼分析——響應(yīng)式原理一、準(zhǔn)備工作 Vue源碼的獲取項目地址：https://github.com/vuejs/vue[https://github.com/vuejs/vue]Fork 一份到自...
-
Vue.js 源碼分析——虛擬 DOM回顧 虛擬DOM庫 - Snabbdom[http://www.itdecent.cn/p/2c5a83ca2726] 什么是虛擬DOM虛擬DOM（Virtual Dom ...
-
手寫 Vue Router、手寫響應(yīng)式實現(xiàn)、虛擬 DOM 和 Diff 算法（二）模擬 Vue.js 響應(yīng)式原理 一、數(shù)據(jù)驅(qū)動 準(zhǔn)備工作 數(shù)據(jù)驅(qū)動 響應(yīng)式的核心原理 發(fā)布訂閱模式和觀察者模式 數(shù)據(jù)驅(qū)動 數(shù)據(jù)響應(yīng)式、雙向綁定、數(shù)據(jù)驅(qū)動 數(shù)據(jù)響應(yīng)式數(shù)據(jù)模型僅僅...