建立到渲染
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 ...