Vue 中我們是通過?$mount?實例方法去掛載?vm?的

$mount?方法實際上會去調用?mountComponent?方法,mountComponent?核心就是先實例化一個渲染Watcher，在它的回調函數中會調用?updateComponent?方法，在此方法中調用?vm._render?方法先生成虛擬 Node，最終調用?vm._update更新 DOM。

?

先實例化一個渲染Watcher，在它的回調函數中會調用?updateComponent?方法

new Watcher(vm, updateComponent, noop, {before () {if (vm._isMounted) {callHook(vm, 'beforeUpdate')}}}, true /* isRenderWatcher */) new Watcher 實例化渲染 Watcher
callHook(vm, 'beforeUpdate') 回調 updateComponent?方法


updateComponent?方法： updateComponent = () => {vm._update(vm._render(), hydrating)}

?

updateComponent?方法 里面先調用 render 方法

? ?

轉載于:https://www.cnblogs.com/guangzhou11/p/11297996.html

總結

以上是生活随笔為你收集整理的Vue.js 技术揭秘学习 （2） Vue 实例挂载的实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。