日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產(chǎn)品馬上在線溝通
服務時間:8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
詳解Vue2.0組件的繼承與擴展

前言

創(chuàng)新互聯(lián)建站服務項目包括杜集網(wǎng)站建設、杜集網(wǎng)站制作、杜集網(wǎng)頁制作以及杜集網(wǎng)絡營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等,向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案,杜集網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務的客戶以成都為中心已經(jīng)輻射到杜集省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!

本文將介紹vue2.0中的組件的繼承與擴展,主要分享slot、mixins/extends和extend的用法。

一、slot

1.默認插槽和匿名插槽

slot用來獲取組件中的原內(nèi)容,此方式用于父組件向子組件傳遞“標簽數(shù)據(jù)”。有的時候為插槽提供默認的內(nèi)容是很有用的,例如,一個 組件可能希望這個按鈕的默認內(nèi)容是“如果沒有原內(nèi)容,則顯示該內(nèi)容”,但是同時允許用戶覆寫為別的內(nèi)容。


 
180812

詳解Vue2.0組件的繼承與擴展

2.具名插槽

有些時候我們需要多個插槽, 元素有一個特殊的特性:name。這個特性可以用來定義額外的插槽:

  • aaa
  • bbb
  • ccc
  1. 111
  2. 222
  3. 333

詳解Vue2.0組件的繼承與擴展

二、mixins

1.mixins簡介

混入 (mixins) 是一種分發(fā) Vue 組件中可復用功能的非常靈活的方式。混入對象可以包含任意組件選項。當組件使用混入對象時,所有混入對象的選項將被混入該組件本身的選項。mixins 選項接受一個混合對象的數(shù)組。

2.mixins用途

一般有兩種用途:

1、在你已經(jīng)寫好了構造器后,需要增加方法或者臨時的活動時使用的方法,這時用混入會減少源代碼的污染。

2、很多地方都會用到的公用方法,用混入的方法可以減少代碼量,實現(xiàn)代碼重用。

例如下面的例子:實現(xiàn)每次數(shù)據(jù)變化時都能夠在控制臺打印出提示:"數(shù)據(jù)發(fā)生變化"

Mixins


num:{{ num }}

如果有需要源代碼,請猛戳源代碼

參考文章

Vue官方文檔

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。


文章名稱:詳解Vue2.0組件的繼承與擴展
標題URL:http://www.dlmjj.cn/article/ijhigo.html