vue-cli构建项目中的App.vue、main.js、ind
2020-02-05 本文已影响0人
krystal_H
使用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.vue的div#app中添加class观察下控制台即可
image.png
image.png
