vue-cli构建vue程序后项目是怎么运行的(index.html,main.js,app.vue之间的关系)

本文转载自查看原文 2020-07-28 11:45 977 vue

如图,这个是使用vue-cli构建项目后删除一些没用的东西,简洁的目录结构

1.index.html

这个是index.html文件,可以看到,body里面有一个id="app"的div

这里new Vue()是创建了一个新的vue实例,
new Vue().$mount("#app") 这里是在vue实例上挂载元素, 这个元素就是index.html中id="app"的div元素
上面引入了App组件所以在实例里render了App

标签将会把路由相关内容渲染在这个地方

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 关于Vue中main.js，App.vue，index.html之间关系进行总结 vue项目中，main.js,App.vue,index.html如何调用【vue】index.html main.js app.vue index.js怎么结合的？怎么打包的？搜集的信息 vue2.0：项目开始-首页入门（main.js，App.vue,import...from） vue-cli中src/main.js 的作用 vue-cli webpack打包后index.html引入文件没有引号 vue项目index.html缓存 vue-cli4修改index.html中的title vue-cli快速构建Vue项目 vue-cli 全局组件的引入和 App.vue局部组件的引入方法区别