美文网首页
vue-cli构建项目中的App.vue、main.js、ind

vue-cli构建项目中的App.vue、main.js、ind

作者: krystal_H | 来源:发表于2020-02-05 15:58 被阅读0次

使用vue-cli搭建项目初步目录结构如下:

image.png

index.html文件入口
App.vue主组件,所有页面都在其下切换
main.js入口文件,初始化vue实例引入插件等

image.png
image.png image.png

$mount手动挂载一个已经存在的DOM元素作为vue实例的挂载目标,render渲染函数生成的VNode将会替换挂载元素,最终渲染出来的页面中的#app元素是App.vue组件中的,即index.html<div id="app"></div>将被App.vue中的<div id="app"></div>替换,可以在App.vuediv#app中添加class观察下控制台即可

image.png image.png

相关文章

网友评论

      本文标题:vue-cli构建项目中的App.vue、main.js、ind

      本文链接:https://www.haomeiwen.com/subject/zussxhtx.html