Vue.js 中组件的注册
组件介绍:
组件(Component),主要体现了封装的思想,在较高层面上,组件是自定义元素
使用组建的步骤
全局注册
在使用Vue时需要创建一个全局的Vue对象.类似的,可以使用Vue.component(tagName, options) .例如
Vue.compponent('firstcomponent', {
// 选项
})
在组件注册之后,可以在Vue代理的区域,自定义一对元素<firstcomponent></firstcomponent>,然后在定义的全局组件中可以写元素
Vue.compponent('firstcomponent', {
template: '<div>组件</div>'
})
//创建根实例
new Vue({
el: '#test'
})
渲染结果为
<div id = test>
<div>组件</div>
</test>
局部注册
var example = {
template: '<div>组件</div>'
}
new Vue({
// ...
components: {
'my-component': Child
}
})
网友评论