關於vue項目實踐中用到mixin、provide和inject


最近在做一個比較大的項目,但是基本大的功能框架是用的第三方,我們在這個基礎上進行二次開發改造。

其中在看代碼的過程中了解、學習到的一些知識,在這里進行記錄。

1.mixin

以前沒有怎么用過,了解了一下,大概效果就是,一個vue文件,可以與另一個進行混合,擁有共同的屬性參數方法等等。細節上:在使用前后上有點區別。

看項目發現,vue文件可以mixin一個js文件,這個js是vue文件除去template的部分都有的。

這個文件用來放一些公共屬性和方法的。

 

 

2.provide和inject

我理解的,是一種組件分發。爺爺組件provide出去自己之后,(有個名稱標記),孫子組件可以通過inject注入爺爺。看官方文檔,孫子以及之后的后代都可以使用,但是該系統在子孫繼續下發的時候,繼續將‘爺爺’provide了出去。

(這個其實是mixins文件夾下的index,js文件,專項輸出公共方法屬性,其實不太懂為什么弄兩個)

 

 

 這里導入

 

3.<component>動態組件

這個項目是頁面上會根據選擇,出現不同組件。所以選擇使用動態組件,這個也是第一次遇到。

 

 這里是一個動態組件,is代表了正在使用的組件的名稱(動態)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM