实习的期间真苦逼啊，才学两天就要开始写了，完全跟不上节奏。尤其是已经开始一段时间的项目，半路进来实习，完全看不懂他们的代码，有点赶鸭子上架的感觉。
没办法，有压力才有动力，压住内心的躁动，开始今天的熟悉认知代码环节。
下面是整个VUE项目的执行顺序，显示index.html，然后去找入口main.js，main.js需要找到app.vue，去路由Router下面的index.js找注册的路由信息，路由信息在components文件下面，如一开始的Helloworld.vue。
在代码中具体是怎么个流程呢？
先来看一个index.html，代码如下
而效果图为
为什么多了这么多东西呢？其实就是上面的一个运行步骤，在index.html中仅有一个id为app的div，main.js里面不适合写逻辑，组件可以通过.vue文件来构造，先来看看main.js的代码
这里的代码是创建Vue实例，有实例了才能调用vue的一些方法，其内部解析：
- el:'#app'，这个为vue实例提供挂载元素，即替换位置的id，为“app”
- router，路由信息
- template:'<App/>'，是将.vue文件下的<template></template>替换为<App></App>
- components:{App}，注册App.vue中的App组件，让Vue能够认识这个标签
因为在main.js中注册了App，现在进入App.vue文件
其中红色虚线框内的代码<router-view/>就相当于把路由信息注入进来进行渲染（显示），这在router文件下的index.js中，
routes下面是个路由数组，只有一个组件，即Helloworld.vue，在Components下，
里面的代码会自动替换掉<router-view/>部分，得到最后要显示的界面，结果为：
