Vue自定義組件

什么是自定義組件

比如一塊布局或者模塊可能要在許多地方使用,這個時候就需要封裝一個組件

有兩種做法,一種叫局部組件,一種叫全局組件

1,局部組件


components? 自定義組件

注意:在局部使用自定義組件是components

在全局是Vue.component()

比如現(xiàn)在有兩個vue實例,這個局部組件只可以在一個實例里面使用? ?不可以在第二個vue實例里面使用

每個組件都是一個小型的vue實例 它里面除了不能設(shè)置el選項,其他都可以

它里面的data不能是對象,必須是一個方法,由方法返回對象



props可以是個對象,能加一些限制


props是只讀的,不能修改,要修改只能中轉(zhuǎn)




this.$emit( '? ?' )是觸發(fā)一個自定義事件,

當(dāng)組件里的元素在發(fā)生變化的時候,不使用this.$emit( '? ?' )的話,頁面上的數(shù)據(jù)是不會發(fā)生改變的,

這時就需要this.$emit( '? ?' )來觸發(fā)自定義事件,將上圖文本框的屬性值作為事件對象傳給頁面



$event是事件回發(fā)的對象


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、注冊自定義組件 1、局部注冊 局部注冊的組件,只能在當(dāng)前Vue實例中使用,并且在其子組件中不可用。在compo...
    嘰里咕呱閱讀 2,393評論 1 5
  • new Vue({el:'#app',data:{cars:[{title:'保時捷',content:'德國豪華...
    云瑤糖糖閱讀 625評論 0 1
  • 簡介 組件系統(tǒng)是Vue.js其中一個重要的概念,它提供了一種抽象,讓我們可以使用獨立可復(fù)用的小組件來構(gòu)建大型應(yīng)用,...
    小賢筆記閱讀 87,622評論 1 25
  • 組件系統(tǒng)是Vue.js其中一個重要的概念,它提供了一種抽象,讓我們可以使用獨立可復(fù)用的小組件來構(gòu)建大型應(yīng)用,任意類...
    一代碼農(nóng)1970閱讀 1,444評論 0 1
  • 準(zhǔn)備: 使用vue-cli新建一個webpack項目 注冊組件: 打開創(chuàng)建的項目,在component文件夾中新建...
    緣意天閱讀 1,714評論 1 1

友情鏈接更多精彩內(nèi)容