1 全局注册 (这种方式注册组件必须在 vue 实例化之前声明)
Vue.component('tag-name',{})
2 局部注册
- var Child = {
- template: '<div>A custom component!</div>'
- }
- new Vue({
- // ...
- components: {
- // <my-component> 将只在父模板可用
- 'my-component': Child
- }
- })
3 扩展实例
- // 定义一个混合对象
- 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!"
来源: http://www.jb51.net/article/136090.htm