浣跨敤sessionStorage瑙ｅ喅vuex鍦ㄩ〉闈㈠埛鏂板悗鏁版嵁琚竻闄ょ殑闂

Posted 2021-01-13

鏍囩锛?a href='http://www.mamicode.com/so/1/%e7%99%be%e5%ba%a6' title='鐧惧害'>鐧惧害   contain   ble   get   src   缁撴潫   files   sig   img   

https://www.jb51.net/article/138218.htm

 

1.鍘熷洜

2.瑙ｅ喅鏂规硶

localStorage娌℃湁鏃堕棿鏈熼檺锛岄櫎闈炲皢瀹冪Щ闄わ紝sessionStorage鍗充細璇濓紝褰撴祻瑙堝櫒鍏抽棴鏃朵細璇濈粨鏉燂紝鏈夋椂闂存湡闄愶紝鍏锋湁鑷鐧惧害

鎴戣繖閲屼娇鐢╯essionStorage锛岃繖閲岄渶瑕佹敞鎰忕殑鏄痸uex涓殑鍙橀噺鏄搷搴斿紡鐨勶紝鑰宻essionStorage涓嶆槸锛屽綋浣犳敼鍙榲uex涓殑鐘舵€侊紝缁勪欢浼氭娴嬪埌鏀瑰彉锛岃€宻essionStorage灏变笉浼氫簡锛岄〉闈㈣閲嶆柊鍒锋柊鎵嶅彲浠ョ湅鍒版敼鍙橈紝鎵€浠ュ簲璁﹙uex涓殑鐘舵€佷粠sessionStorage涓緱鍒帮紝杩欐牱缁勪欢灏卞彲浠ュ搷搴斿紡鐨勫彉鍖?/p>

3.鍏蜂綋瀹炵幇

搴旂敤鑳屾櫙鏄敤鎴风櫥鍏ュ悗淇濆瓨鐘舵€侊紝閫€鍑哄悗绉婚櫎鐘舵€?/p>

mutations.js

?

1 2 3 4 5 6 7 8 9 10 11 12

ADD_LOGIN_USER (state,data) { //鐧诲叆锛屼繚瀛樼姸鎬?  sessionStorage.setItem("username", data); //娣诲姞鍒皊essionStorage  sessionStorage.setItem("isLogin",true);  state.username=data,  //鍚屾鐨勬敼鍙榮tore涓殑鐘舵€?  state.isLogin=true  },  SIGN_OUT (state) { //閫€鍑猴紝鍒犻櫎鐘舵€?  sessionStorage.removeItem("username"); //绉婚櫎sessionStorage  sessionStorage.removeItem("isLogin");  state.username=鈥樷€?/code>  //鍚屾鐨勬敼鍙榮tory涓殑鐘舵€?  state.isLogin=false  }

getters.js

?

1 2 3 4 5 6 7

isLogin (state) {  if (!state.isLogin) {   state.isLogin=sessionStorage.getItem(鈥榠sLogin鈥?/code>); //浠巗essionStorage涓鍙栫姸鎬?   state.username=sessionStorage.getItem(鈥榰sername鈥?/code>);  }  return state.username  }

鎬讳綋鐨勫疄鐜版€濊矾鏄vuex涓璼tory鐨勭姸鎬佸拰sessionStorage淇濇寔涓€鑷达紙浠巗essionStorage鍙栧€硷級

4.鍚庤瘽

涔嬪墠韪╀簡涓€涓ぇ鍧戯紝娌℃敞鎰忓埌vuex鍙互璁╃粍浠跺搷搴斿紡鍙樺寲锛岃缁勪欢鐩存帴鍙栦簡sessionStorage鐨勫€硷紝寮勭殑鎴戣繕蹇呴』鍒锋柊鎵嶈兘鐪嬪埌閫€鍑哄悗鐨勬晥鏋溿€?/p>

琛ュ厖锛?/strong>