大步驟一、準(zhǔn)備工作
步驟1：
安裝 js-cookie 依賴
npm install js-cookie --save
步驟2：
在登錄頁面中引入 js-cookie 依賴
<script>
import jsCookie from 'js-cookie';
</script>
大步驟二、在 登錄頁面 的vue文件 中使用它！
步驟1：
<script>
// xxx 是你data中的用戶名
jsCookie.set('username',this.xxx)
</script>
大步驟三、在 其他頁面 的vue文件 中使用它！
步驟1：
在其他頁面中引入 js-cookie 依賴
<script>
import jsCookie from 'js-cookie';
</script>
步驟2：
設(shè)定一個 computed 計(jì)算屬性，并在其中寫入獲取登錄界面 cookies 的方法：
computed:{
showUserName(){
return jsCookie.get('username')
}
},
步驟3：
在需要使用的地方使用 插值表達(dá)式 {{xxx}} 來使用它！
（請注意，我們需要用剛寫好的函數(shù)來引用）
四、大工告成！
1.來看看效果吧！
1.1 登錄頁面，用戶名為 LYL：
1.2 登錄后，主頁已經(jīng)顯示用戶名了！文章來源：http://www.zghlxwxcb.cn/news/detail-429992.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-429992.html
到了這里，關(guān)于【自用】VUE 獲取登錄用戶名 顯示在其他頁面上的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
