vue学习之vue实例

每一个应用都有一个根实例,在根实例里我们通过引用组件来实现大型的应用。

也就是说组件不一定是必须的,但是实例是必须要有的。

实例化 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/>’

猜你喜欢

转载自www.cnblogs.com/yaoyao-sun/p/10389970.html
今日推荐