(實現)vue.js簡單實現

Vue.winward.js

vue.js簡單實現(the most simple vue.js)

讓全部人都看得懂Vue原理

建議看完Vue.winward.js後，
結合
mpvue源碼解讀
單頁應用路由實現沒那麼難--Vue,
再看一遍Vue源碼

Mind

• vue.js是一個響應式庫，在這裏我將它剖開:
• 實現響應式最少須要哪幾個部分?
• • 數據跟蹤
• • 模板編譯
• • 頁面渲染
• 因此你也能夠看到功能性代碼分到3個js文件中

Done

• 數據跟蹤 --- watchData.js
• 模板編譯 --- complieData.js
• 頁面渲染 --- renderData.js

Todo

• 數據跟蹤 --- 實例類型(本項目中 只有一個實例,而vue有 「app」，「component」等),props
• 模板編譯 --- 生命週期,語法糖
• 頁面渲染 --- 虛擬dom

Run Setup

• 雙擊index.html (click index.html)

Rendering