寫在前面 因為對Vue.js很感興趣，而且平時工作的技術棧也是Vue.js，這幾個月花了些時間研究學習了一下Vue.js源碼，並做了總結與輸出。文章的原地址：https://github.com/answershuto/learnVue。在學習過程中，為Vue加上了中文的注釋 ...

前言 在 Vue 核心中除了響應式原理外，視圖渲染也是重中之重。我們都知道每次更新數據，都會走視圖渲染的邏輯，而這當中牽扯的邏輯也是十分繁瑣。 本文主要解析的是初始化視圖渲染流程，你將會了解到從掛載組件開始，Vue 是如何構建 VNode，又是如何將 VNode 轉為真實節點並掛載到頁面 ...

vue3的h函數和vue2的h函數入參不同 下面是vue2的vnode示范 然后是vue3的錯誤示范 下面是正確示范 為什么會出現這樣的狀況呢，就是因為ts的h函數聲明如下 當我們點擊這個h函數時會跳轉到某個參數類型的h聲明，而入參為 string 時生成的是普通html ...

vue3中刷新實現 provide ： 向子組件以及子孫組件傳遞數據。接收兩個參數，第一個參數是 key，即數據的名稱；第二個參數為 value，即數據的值 inject ： 接收父組件或祖先組件傳遞過來的數據。接收一個參數 key，即父組件或祖先組件傳遞的數據名稱 通過依賴注入 ...

一、條件渲染 1. v-if 通過表達式的真假來控制此標簽是否顯示 2.v-if使用在模板上 3.v-else-if 4.v-show 和v-if一樣的效果，但v-show 只是簡單地切換元素的 CSS 屬性display. ...

ref 過去在 Vue2 中，我們采用 ref 來獲取標簽的信息，用以替代傳統 js 中的 DOM 行為。 在 Vue3 的組合 API 中，采取了新的方案來執行對應的 ref 標簽屬性獲取。過去我們采用的是 this.$refs ...

在接觸 React 時候，我只了解到通過 babel 可以把 JSX 轉成 VNode(通過調用 React.createElement 方法)，但是對其具體是如何轉換的卻不了解。 很明顯，回答失敗。通過 github 上搜索 template+vnode 的關鍵詞，讓我搜到 ...

博客地址 ：https://www.cnblogs.com/sandraryan/ vue循環渲染 ...