1.渲染过程
首先vue会找到webpack的打包配置文件。在build/webpack.base.conf.js下：
在这里，定义了vue的程序入口文件
image.png
其中main.js就是vue的入口文件。
2.静态的页面
我们每次打开的http://localhost:8080 这个网址，其实是打开的 http://localhost:8080/#/index.html
所以找到index.html就可以看到最外层的模板
image.png
image.png
image.png
这里面的 <div id ='app'></div>就等于是将APP.vue中的内容 放到index页面中来。
相当于我们在helloworld中进行的路由配置。
3.main.js
下图是main.js中的代码。将APP.vue加载到index中
image.png
下图中的template是第二层模板，可以认为该页面的内容就是在这个位置被渲染处理。
image.png
上图中的<router-view></router-view>中的内容会被替换为插件的代码。
