发现不少小伙伴才刚开始接触到这个结构都被绕的迷糊，而发现很多人说的也不是那么准确，那么下面我来说一下是怎么回事 .首先我们来看看原生Vue中组件的写法， 我们按照vue cli的结构按照原生的写法去写一下 .我们打开vue cli里面的main.js，这个文件被称为入口文件，这个里面有一个vue的实例，el: app ，这个挂载的元素实际上是我们的index.html的 lt div id ap ...
2019-02-26 10:45 0 3017 推荐指数：
如图,这个是使用vue-cli构建项目后删除一些没用的东西,简洁的目录结构 1.index.html 这个是index.html文件,可以看到,body里面有一个id="app"的div 2.main.js 这里new Vue()是创建了一个新的vue实例, new Vue ...
在初始化的Vue项目中，我们最先接触到的就是main.js，App.vue，index.html这三个文件，我们从培训视频或者官方文档上可以了解到： index.html---主页，项目入口 App.vue---根组件 main.js---入口文件 那么这几个文件之间的联系 ...
在初始化的Vue项目中，我们最先接触到的就是main.js，App.vue，index.html这三个文件，我们从培训视频或者官方文档上可以了解到： index.html---主页，项目入口 App.vue---根组件 main.js---入口文件 那么这几个文件之间的联系 ...
原文：https://www.cnblogs.com/dekevin/p/12284168.html 在初始化的Vue项目中，我们最先接触到的就是main.js，App.vue，index.html这三个文件，我们从培训视频或者官方文档上可以了解到： index.html ...
使用vue-cli构建项目的步骤就不详细说明了，直奔主题； App.vue是一个组件，index.html是项目的页面，main.js是项目的入口文件，我们可以理解成index.html通过main.js将App.vue组件中的内容替换掉了index.html中的内容，看图 ...
引自：https://blog.csdn.net/qq_34182808/article/details/86690193 前序 承接上一遍“通过webpack构建vue项目”构建的项目文件，简单阐述一下当我们构建完成后，vue项目中的index.html、main.js、App.vue ...
main.js index.html与app.vue三者关系详解 2019年01月23日 11:12:15 Pecodo 阅读数 186 main.js ...
使用到vue项目的文件包括一个.html，两个.js，两个.vue文件，关系如上图所示 1、index.html为vue项目默认首页，里面默认引用了app.vue根组件 2、main.js为vue项目的入口文件，加载了各种公共组件(需要引用和初始化组件实例)。 比如app.vue main.js ...
