// main.js中:
new Vue({
el: '#app', // index.html中的 <div id="app"></div>
components:{App}, // ES6语法,在对象中,如果键值对一样的话,只写一个就可以(声明有哪些组件)
template: '<App/>' // <App/> 等于 <App></App>(使用哪些组件)
})
// el是vue实例化的选项,提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器,也可以是一个 HTMLElement 实例。
// template,作为 Vue 实例的标识使用。模板将会替换挂载的元素。挂载元素的内容都将被忽略,除非模板的内容有分发 slot
// 总的来说,整个过程就是将el所标识的元素替换成<App/>
App.vue 中
<div id="app">xxxxxxxx</div>
会替换和index.html中的
<div id="app"></div>
参考:https://blog.csdn.net/wu__di/article/details/54918454
参考: https://segmentfault.com/q/1010000016589029/a-1020000016589509