浣跨敤sessionStorage瑙e喅vuex鍦ㄩ〉闈㈠埛鏂板悗鏁版嵁琚竻闄ょ殑闂
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浣跨敤sessionStorage瑙e喅vuex鍦ㄩ〉闈㈠埛鏂板悗鏁版嵁琚竻闄ょ殑闂相关的知识,希望对你有一定的参考价值。
鏍囩锛?a href='http://www.mamicode.com/so/1/%e7%99%be%e5%ba%a6' title='鐧惧害'>鐧惧害
contain ble get src 缁撴潫 files sig imghttps://www.jb51.net/article/138218.htm
1.鍘熷洜
2.瑙e喅鏂规硶
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> state.isLogin= false } |
getters.js
1
2
3
4
5
6
7
|
isLogin (state) { if (!state.isLogin) { state.isLogin=sessionStorage.getItem( 鈥榠sLogin鈥?/code> state.username=sessionStorage.getItem( 鈥榰sername鈥?/code> } return state.username } |
鎬讳綋鐨勫疄鐜版€濊矾鏄vuex涓璼tory鐨勭姸鎬佸拰sessionStorage淇濇寔涓€鑷达紙浠巗essionStorage鍙栧€硷級
4.鍚庤瘽
涔嬪墠韪╀簡涓€涓ぇ鍧戯紝娌℃敞鎰忓埌vuex鍙互璁╃粍浠跺搷搴斿紡鍙樺寲锛岃缁勪欢鐩存帴鍙栦簡sessionStorage鐨勫€硷紝寮勭殑鎴戣繕蹇呴』鍒锋柊鎵嶈兘鐪嬪埌閫€鍑哄悗鐨勬晥鏋溿€?/p>
琛ュ厖锛?/strong>
涓嬮潰鐪嬫垙vuex瀛樺偍鍜屾湰鍦板瓨鍌?localstorage銆乻essionstorage)鐨勫尯鍒?/p>
1.鏈€閲嶈鐨勫尯鍒細vuex瀛樺偍鍦ㄥ唴瀛橈紝localstorage鍒欎互鏂囦欢鐨勬柟寮忓瓨鍌ㄥ湪鏈湴
2.搴旂敤鍦烘櫙锛歷uex鐢ㄤ簬缁勪欢涔嬮棿鐨勪紶鍊硷紝localstorage鍒欎富瑕佺敤浜庝笉鍚岄〉闈箣闂寸殑浼犲€笺€?/p>
3.姘镐箙鎬э細褰撳埛鏂伴〉闈㈡椂vuex瀛樺偍鐨勫€间細涓㈠け锛宭ocalstorage涓嶄細銆?/p>
娉細寰堝鍚屽瑙夊緱鐢╨ocalstorage鍙互浠f浛vuex, 瀵逛簬涓嶅彉鐨勬暟鎹‘瀹炲彲浠ワ紝浣嗘槸褰撲袱涓粍浠跺叡鐢ㄤ竴涓暟鎹簮锛堝璞℃垨鏁扮粍锛夋椂锛屽鏋滃叾涓竴涓粍浠舵敼鍙樹簡璇ユ暟鎹簮锛屽笇鏈涘彟涓€涓粍浠跺搷搴旇鍙樺寲鏃讹紝localstorage鏃犳硶鍋氬埌锛屽師鍥犲氨鏄尯鍒?銆?/p>
鎬荤粨
浠ヤ笂鎵€杩版槸灏忕紪缁欏ぇ瀹朵粙缁嶇殑vuex鍦ㄩ〉闈㈠埛鏂板悗鏁版嵁琚竻闄ら棶棰樼殑瑙e喅鏂规硶锛屽笇鏈涘澶у鏈夋墍甯姪锛屽鏋滃ぇ瀹舵湁浠讳綍鐤戦棶璇风粰鎴戠暀瑷€锛屽皬缂栦細鍙婃椂鍥炲澶у鐨勩€傚湪姝や篃闈炲父鎰熻阿澶у瀵硅剼鏈箣瀹剁綉绔欑殑鏀寔锛?/p>
以上是关于浣跨敤sessionStorage瑙e喅vuex鍦ㄩ〉闈㈠埛鏂板悗鏁版嵁琚竻闄ょ殑闂的主要内容,如果未能解决你的问题,请参考以下文章
瑙e喅java web 椤圭洰鍙戝竷webservice鎺ュ彛
Ubuntu铏氭嫙鏈轰腑鏃堕棿涓巜indows鏃堕棿涓嶄竴鑷寸殑闂瑙e喅