vue建立過程

2021-10-04 21:11:35 字數 422 閱讀 7443

建立到渲染

init() --> $mount--->compile--->render--->vnode---->patch---->dom

1 ,$mount中主要是獲取template然後呼叫原型上的mount,

2,compile主要做了兩件事,一件是合併option,另一件是執行basecompile,進行模板template的編譯。

3, basecompile中 將template轉成ast, 再將ast轉成render函式(ast是一種中間產物來做橋梁, 通過屬性和方法正確

描述template的真實含義, 這是vue compile編輯器的功能)

通過這些函式,render函式最後會返回乙個vnode節點,在初始渲染或者_update的時候,經過patch通過diff更新演算法與之前的vnode節點進行比較,渲染dom。

Vue元件建立過程步驟

1 建立資料庫表create table tb name engine innodb default charset utf8 對於個別常見列名資料型別使用建議 前端頁面渲染時再進行處理 1 性別 int,其中0表示女,1表示男 2 日期 varchar,將日期轉換成毫秒數的形式進行儲存 3 浮點 ...

vue專案建立完整過程

1.npm 安裝node環境,安裝位址 npm 映象 2.webpack 它主要的用途是通過commonjs的語法,把所有瀏覽器端需要發布的靜態資源,做相應的準備,比如資源的合併和打包。3.配置 path 和 node path a 修改path d program files nodejs nod...

vue 建立vue專案

在程式開發中,有三種方式建立vue專案,本地引入vuejs 使用cdn引入vuejs 使用vue cli建立vue專案。其中vue cli可以結合webpack打包工具使用,大大方便了開發步驟,使用廣泛。在用 vue 構建大型應用時推薦使用 npm 安裝 1 npm 能很好地和諸如 webpack ...