vue注冊組件的幾種方式總結

1、全局注冊(這種方式注冊組件必須在vue實例化之前聲明)

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

2、局部注冊

var Child = {

template: '

A custom component! '

}

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劃分組

總結

以上是生活随笔為你收集整理的vue 实例化几种方式_vue注册组件的几种方式总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。