Vue框架项目实战整理：4、Vue项目执行流程分析（二）

声明：本教程不收取任何费用，欢迎转载，尊重作者劳动成果，不得用于商业用途，侵权必究！！！！

上一篇文章讲了 Vue框架项目实战整理：3、Vue项目执行流程分析（一），这篇文章继续分析执行流程，它是我当时在网上找的感觉还可以的一篇文章！

项目创建成功后在浏览器中打开项目。

进入页面首先加载index.html和main.js文件。

main.js文件中给id=“app”的div创建一个Vue的实例，该实例中有一个名叫“APP”的组件，

该组件通过vue-router将Hello.vue中的模板注入到App.vue的模板中。

index.html

 main.js

App.vue

router文件夹下的index.js

最后就是Hello.vue

 

有关资料参考博客：

https://blog.youkuaiyun.com/knqiufan/article/details/79267093

https://blog.youkuaiyun.com/kkae8643150/article/details/52910389

https://www.cnblogs.com/hello-wuhan/p/6961948.html