最近碰到了要在vue的工程中使用全域性變數的事兒。於是學習了些。
圖1 工程中store的結構
1、使用cookie
js-cookie 可以對cookie進行set,get
npm i js-cookie
npm i js-cookie --registry= 使用國內映象加速安裝
安裝完成後
\store\modules\user.js:
import cookies from 'js-cookie'
將目標資料存入cookie中
圖2在需要用變數的xx.vue可以獲取到:
let name_get = cookies.get("user_name")
（2）、將資料儲存在store中
將資料儲存在store中的話，會在重新整理頁面的時候清空store儲存。而儲存在localstorage/sessionstorage中，重新整理頁面時，不會清空儲存。
\store\getters.js中：
圖3getters中新增user: state => state.user.user,
\store\modules\user.js：
mutations新增
圖4將要儲存的資訊儲存到store中
在需要使用變數的xx.vue中，
import store from '@/store'
let name_get = store.getters.user
（3）、使用localstorage、sessionstorage
這兩個都是瀏覽器的儲存，使用的api都一樣。
\store\modules\user.js中：
向sessionstorage中傳入儲存變數
sessionstorage.setitem("user_name",data.username)
在需要使用變數的xx.vue中
let name_get = sessionstorage.getitem("user_name")
參考：（1）、vue-element-admin
（2）、
（3）、
（4）、
Unity中使用全域性變數
建立乙個指令碼，輸入下面的 指令碼不需要新增到任何物體上，globle變數可以跨場景全域性呼叫。using system.collections using system.collections.generic using unityengine public class globle 和以前的許多...
vue全域性變數
vue全域性變數 好，下面介紹一種方式，把全域性變數引入。1 新建js檔案 檔案內容如下 const base url export default 2 修改入口main.js檔案 import global from static config global 然後使用變數 vue.prototyp...
在Unity中使用全域性變數
建立乙個指令碼，輸入下面的 指令碼不需要新增到任何物體上，globle變數可以跨場景全域性呼叫。using system.collections using system.collections.generic using unityengine public class globle和以前的許多語...