本篇內容主要講解“vue中如何注冊組件”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“vue中如何注冊組件”吧!

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供平原網(wǎng)站建設、平原做網(wǎng)站、平原網(wǎng)站設計、平原網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、平原企業(yè)網(wǎng)站模板建站服務，10余年平原做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡服務。

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中如何注冊組件”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！

網(wǎng)頁名稱：vue中如何注冊組件
網(wǎng)頁鏈接：http://www.chinadenli.net/article16/jigodg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、企業(yè)建站、動態(tài)網(wǎng)站、關鍵詞優(yōu)化、網(wǎng)站策劃、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)