vue组件注册的方式

vue全局组件注册

• 可以在全局每个页面使用

Vue.component(‘tag-name’,{})

Vue.component(component.name, component); //component=>require( './component/component)
//或者
import tag from './tag.vue'
Vue.component('tag-name',tag);//可以使用'<tag-name>'标签了 

局部注册

• 只可以在当前页面中使用

var Child = {
  template: '<div>A custom component!</div>'
}
new Vue({
  // ...
  components: {
    // <my-component> 将只在父模板可用
    'my-component': Child
  }
})
或者：
import MyComponent from './MyComponent.vue'

new Vue({
      components:{ MyComponent }//可以在模板中调用'<my-component>'组件了
})