Vue的路由實現：hash模式 和 history模式 hash模式： 早期前端路由的實現是基於window.location.hash 來實現的，window.location.hash 的值就是 URL中#后面的內容 特點：hash雖然在URL中，但不被包括 ...

前言 熟悉 vue 的前端，想必對 vue 里的 nextTick 也很熟悉了，用的時候就知道他是延遲回調，有時候用起來甚至和setTimeout 看起來是同樣的效果。但他和setTimeout到底有什么區別？他是如何實現的？ 本文就nextTick的實現引入，來探討下js中的異步與同步，微任務 ...

前言 vue.js的靈魂是組件，而組件的靈魂是插槽。借助於插槽，我們能最大程度上實現組件復用。本文主要是對插槽的實現機制進行詳細概括總結，在某些場景中，有一定的用處。知其然知其所以然，掌握vue.js實現原理，不僅可以提升自身解決問題的能力，還可以學習到大神們編程思想和開發范式。 樣例代碼 ...

1.每個 computed 屬性都會生成對應的觀察者（Watcher 實例），觀察者存在 values 屬性和 get 方法。computed 屬性的 getter 函數會在 get 方法中調用，並將 ...

在 Vue.prototype._init 方法中的 initState 中有一個對於computed 的判斷，如果有則執行 initComputed 方法初始化 computed。 initComputed 初始化： defineComputed：重寫 get ...

前言 自定義指令是vue中使用頻率僅次於組件，其包含bind、inserted、update、componentUpdated、unbind五個生命周期鈎子。本文將對vue指令的工作原理進行相應介紹，從本文中，你將得到： 指令的工作原理 指令使用的注意事項 基本使用 官網案例 ...

Vue Router 路由實現原理 一、概念 　　通過改變 URL，在不重新請求頁面的情況下，更新頁面視圖。 二、實現方式 　　更新視圖但不重新請求頁面，是前端路由原理的核心之一，目前在瀏覽器環境中這一功能的實現主要有2種方式 ...

前言 使用vue也好有一段時間了，雖然對其雙向綁定原理也有了解個大概，但也沒好好探究下其原理實現，所以這次特意花了幾晚時間查閱資料和閱讀相關源碼，自己也實現一個簡單版vue的雙向綁定版本，先上個成果圖來吸引各位： 代碼 ...