主線：

1. Vue init

module.exports = {

vue: path.resolve(__dirname, '../src/entries/web-runtime-with-compiler'),

compiler: path.resolve(__dirname, '../src/compiler'),

core: path.resolve(__dirname, '../src/core'),

shared: path.resolve(__dirname, '../src/shared'),

web: path.resolve(__dirname, '../src/platforms/web'),

weex: path.resolve(__dirname, '../src/platforms/weex'),

server: path.resolve(__dirname, '../src/server'),

entries: path.resolve(__dirname, '../src/entries'),

sfc: path.resolve(__dirname, '../src/sfc')

}

image

1.X與2.X的變化

重點(diǎn)變化就是2.X引入了虛擬DOM，在1.X中,el的處理如下：

this.el = document.querySelector(el)

將 DOM 元素移入 fragment 中