Vue 学习记录

index.html和app.vue之间的关系：

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>