每一个应用都有一个根实例,在根实例里我们通过引用组件来实现大型的应用。
也就是说组件不一定是必须的,但是实例是必须要有的。
实例化 Vue 时,需要传入一个选项对象,它可以包含数据(data),模板(template),挂载元素(el),方法(methods)与生命周期钩子函数(created,mounted...)等选项。
这里介绍些一些网上问得比较多的问题:
new Vue({ el: '#app', components:{App}, template: '<App/>' })
el: '#app' 是index.html 的<div id="app"></div>
App.vue 的<div id="app">xxxxxxxx</div> 会替换index中的<div id="app"></div> 。
components 是声明有哪些组件,可以放多个组件对象,比如:components:{App,App2,App3}
template 是使用哪个组件,如果想用App2,则需要设置template: '<App2/>',
这里面涉及到一个简写的处理,如果你不在组件上面添加属性或者指令的话,你就可以写成但标签的形式 <App/>其实就是 ‘ <App><App/>’