Vue2.X源码解读

主线：

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的变化

重点变化就是2.X引入了虚拟DOM，在1.X中,el的处理如下：

this.el = document.querySelector(el)

将 DOM 元素移入 fragment 中