vue 父子組件與全局數據傳遞共享


  ,組件間數據傳遞
  實際工作中會遇到一些復用程度高的功能,自己會封裝小組件全局調用,在組件中通過自定義props里的值,例如:

       

  在需要調用的組件中先import 組件進來,自定義標簽引入,在標簽上傳入props接受的參數:

       

  

二、通過文件,靜態存儲

  這個是猜出來的使用方法,比如一些靜態方法、特殊的數據都給他作為“常量”寫在文件里,在需要的地方導入使用

三、文件可讀可寫

  使用場景中經常出現,多個組件需要相同的接口返回數據進行處理,純粹按請求很頻繁會影響性能跟體驗感,然后從上個方法在深入探索了下,

將這些數據放在全局“變量”里,可讀可寫:

        

   在入口文件main.js里注入,即可在所有組件讀寫變量

     

        

  似乎是可以了,但在這有問題全局變量初始值為空,刷新時,各模塊同時加載,父級組件接口未執行完成取得數據寫入文件,子組件程序就已經執行完成,所以是取不到數據的,

  一開始想的是promise思路,終究就是個加載順序問題,通過路由加載可處理。

四、localStorage 、sessionStorage網上很多例子不多說了

 

 

  

 

 

  

 


免責聲明!

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



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