vue注册组件的几种方式总结

1、全局注册(这种方式注册组件必须在vue实例化之前声明)

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

2、局部注册

var Child = {

template: '

'

}

new Vue({

// ...

components: {

// 将只在父模板可用

'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!"

以上这篇vue注册组件的几种方式总结就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

您可能感兴趣的文章:

Vue.js划分组