Vue.component('tag-name',{})

var Child = {

  template: '<div>A custom component!</div>'

}

new Vue({

  // ...

  components: {

    // <my-component> 将只在父模板可用

    'my-component': Child

  }

})

// 定义一个混合对象

var myMixin = {

  created: function () {

    this.hello()

  },

  methods: {

    hello: function () {

      console.log('hello from mixin!')

    }

  }

}

// 定义一个使用混合对象的组件

var Component = Vue.extend({

  mixins: [myMixin]

})

var component = new Component() // -> "hello from mixin!"