​老师,我很迫切想要了解运行一个vue项目的文件访问及调用流程

来源:1-2 vue2.0简介

不蒸馒头争口气

2018-04-14

最近学得有点懵了。比如index.html,app.vue,hello.vue,main.js,index.js这几个文件之间的联系和调用流程,能不能详细讲一下这中间发生了什么。

写回答

1回答

fishenal

2018-04-14

必要的 就index.html和main.js,index是页面的入口,main.js是js的入口,vue-cli这个框架会自动讲根目录下的index.html作为首页,然后把src/main.js注入到页面。


其他的,app.vue等都是在main.js里import进去的,

new Vue({

  el: '#app',

  router,

  store,

  template: '<App/>',

  components: { App }

})


main.js里实例化了一个根节点就是这个,el代表 页面的作用于是id为 app的元素,这个对应的是index.html里写好的那个, template里引用了一个App组件,这就是app.vue,整个项目起始于这个app.vue,所有的单页应用内容的容器都是这个app.vue。


其他的vue文件都是 根节点的枝叶

0
1
不蒸馒头争口气
非常感谢!
2018-04-14
共1条回复

最容易上手的Vue2.0入门实战教程

快速入门Vue2.0,组件化开发一个数字产品电商平台

3966 学习 · 999 问题

查看课程