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
}
})