声明:本教程不收取任何费用,欢迎转载,尊重作者劳动成果,不得用于商业用途,侵权必究!!!!
上一篇文章讲了 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.csdn.net/knqiufan/article/details/79267093
https://blog.csdn.net/kkae8643150/article/details/52910389
https://www.cnblogs.com/hello-wuhan/p/6961948.html