1.渲染過程
首先vue會(huì)找到webpack的打包配置文件。在build/webpack.base.conf.js下：
在這里，定義了vue的程序入口文件
image.png
其中main.js就是vue的入口文件。
2.靜態(tài)的頁面
我們每次打開的http://localhost:8080 這個(gè)網(wǎng)址也祠，其實(shí)是打開的 http://localhost:8080/#/index.html
所以找到index.html就可以看到最外層的模板
image.png
image.png
image.png
這里面的 <div id ='app'></div>就等于是將APP.vue中的內(nèi)容 放到index頁面中來。
相當(dāng)于我們?cè)趆elloworld中進(jìn)行的路由配置。
3.main.js
下圖是main.js中的代碼澡谭。將APP.vue加載到index中
image.png
下圖中的template是第二層模板，可以認(rèn)為該頁面的內(nèi)容就是在這個(gè)位置被渲染處理。
image.png
上圖中的<router-view></router-view>中的內(nèi)容會(huì)被替換為插件的代碼蛙奖。
