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

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



$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
观察下控制台即可


网友评论