【uni-app】全域性資料globalData的設定、獲取、修改
阿新 • • 發佈:2021-01-09
因為uniapp基本上都是將頁面,或者頁面中相同的部分,進行元件化,所以會存在父,子,(子,父)之間的傳值的情況,但在某些情況下,可以選擇將內容設定為一個全域性的變數,並根據需求來進行內容的更新。大大減少了程式碼的使用,和傳值可能遇到的各種複製的計算等等的情況
下面來看看如何設定將一個變數設定為全域性資料
1.在入口檔案app.vue
中,設定一個globalData
,其中的內容要看你自己的需求,一個,也可以多個存在,命名有你自己決定
專案中現在使用到了一個,所以就設定一個先,後期如果需要會按需求增加
2.在需要使用到全域性資料的頁面中使用,注意要在頁面初始化,或者顯示的生命週期中去獲取,且必須要使用getApp()
這樣就能夠獲取到你定義在globalData的資料了
3.修改globalData下的資料
以下為小編我修改globalData下car的數量的資料的程式碼截圖
多個和單個都是用相同的方式去修改的