亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

web項(xiàng)目開發(fā)VUE的混入與繼承原理

 更新時間：2021年09月23日 15:39:39   作者：SpringSir  
這篇文章主要介紹了web項(xiàng)目開發(fā)中VUE的混入與繼承原理，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

混入

  • 將多個vue文件內(nèi)重復(fù)使用的功能代碼，提取成單個js文件，在需要使用的地方進(jìn)行調(diào)用即可。
  • 在一個js文件內(nèi)定義一個對象, 在對象中可以寫 vue文件內(nèi)的 data 、methods、components等所有<script>中可以定義的代碼。

混入注意(重名情況)

  • 組件中的 data變量名 和 混入中的 data變量 名, 發(fā)生重名時, 以組件為準(zhǔn);
  • 組件中的 methods，computed，wath名稱 和 混入中的 methods，computed，wath名稱 名, 發(fā)生重名時, 以組件為準(zhǔn);
  • 組件中的 生命鉤子函數(shù) 和 混入中的 生命鉤子函數(shù) 名, 發(fā)生重名時, 都會執(zhí)行, 但是組件中的鉤子函數(shù)優(yōu)先執(zhí)行 ;

局部混入

在這里插入圖片描述

全局混入

定義及全局注冊

在這里插入圖片描述

調(diào)用

在這里插入圖片描述

繼承

  • 注意：這里是不適合多繼承的，多繼承問題出現(xiàn)會多。
  • extends除了可以繼承 .vue 文件，而且可以和 mixin一樣使用 js文件內(nèi)的對象。
  • extends繼承 .vue 文件內(nèi)的 template內(nèi)的html是無法繼承的

在這里插入圖片描述

混入和繼承的區(qū)別

  • 先看看官方文檔的定義, 其實(shí)兩個都可以理解為繼承;
  • mixins接收對象數(shù)組（可理解為多繼承）;
  • extends接收的是對象或函數(shù)（可理解為單繼承）。
  • 注意: 如果一個組件, 既使用 繼承, 又使用 混入, 它們二者中如果有重名, 則混入會覆蓋繼承

以上就是web項(xiàng)目開發(fā)VUE的混入與繼承原理的詳細(xì)內(nèi)容，更多關(guān)于web開發(fā)的資料請關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評論