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

更新時間：2018年03月08日 16:19:00 作者：Jiang--Z

下面小編就為大家分享一篇vue注冊組件的幾種方式總結，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

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

以上這篇vue注冊組件的幾種方式總結就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

利用angular、react和vue實現(xiàn)相同的面試題組件
eact 和angular，vue 這三個框架最近都比較火，下面這篇文章主要給大家介紹了關于利用angular、react和vue實現(xiàn)相同的面試題組件的相關資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考下。
2018-02-02
總結Vue Element UI使用中遇到的問題
這篇文章主要介紹了Vue Element UI使用中遇到的問題，對ElementUI感興趣的同學，可以參考下
2021-05-05
使用vue-router切換頁面時，獲取上一頁url以及當前頁面url的方法
這篇文章主要介紹了使用vue-router切換頁面時，獲取上一頁url以及當前頁面url的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-05-05
關于vue設置環(huán)境變量全流程
這篇文章主要介紹了關于vue設置環(huán)境變量全流程，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-03-03
Vue Router應用方法詳解
在看這篇文章的幾點要求：需要你先知道Vue-Router是個什么東西，用來解決什么問題，以及它的基本使用。如果你還不懂的話，建議上官網了解下Vue-Router的基本使用后再回來看這篇文章
2022-09-09
淺談Vue static 靜態(tài)資源路徑和 style問題
這篇文章主要介紹了淺談Vue static 靜態(tài)資源路徑和 style問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-11-11
Vue3+Elementplus實現(xiàn)面包屑功能
這篇文章主要為大家詳細介紹了Vue3如何結合Elementplus實現(xiàn)面包屑功能,文中的示例代碼簡潔易懂,具有一定的借鑒價值,有需要的小伙伴可以參考下
2023-11-11
Vue?element樹形控件添加虛線詳解
這篇文章主要為大家介紹了Vue?element樹形控件添加虛線，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助<BR>
2021-11-11
Vue實現(xiàn)菜單切換功能
這篇文章主要為大家詳細介紹了Vue實現(xiàn)菜單切換功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-11-11
vue中echarts3.0自適應的方法
這篇文章主要介紹了vue中echarts3.0自適應，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-02-02