1.工作中遇到的兩類問題

--------------------------------------------------------------------------------

1.1 狀態值（標志）

A界面賦值的a變量，作為記錄狀態值（標志）需要被其他幾個界面使用。其他幾個界面亦可以改變a狀態值。

1.2 傳遞字段

A界面有a字段，B界面沒有a字段，但需要調用a字段。

2.解決方法

--------------------------------------------------------------------------------

2.1 VUEX

使用VUEX管理狀態與字段值，但有種殺雞用牛刀的感覺，稍微顯重了一點。

2.2 使用全局變量法管理狀態與字段值

輕量，簡單。
故本文使用全局變量法解決1中提出的兩個問題

3.具體實現

--------------------------------------------------------------------------------

3.1創建全局文件

在工具文件夾，創建glabal_val.js

3.2創建全局變量和設置全局變量的方法如下

export default{ sso_flag:"0", set_sso_lag(sso_flag){   this.sso_flag = sso_flag; }}

3.3導入數據（全局變量）

import global from '@/utils/global_val'

3.4在 A界面設置全局變量的狀態位

global.set_sso_flag(1)也可global.set_sso_flag=this.sso_flag直接進行賦值

3.5在B界面判斷

在B界面DOM 標簽里結合VUE的v-if,v-else-if指令進行邏輯判斷

<div v-if="global.sso_flag==0"></div><div v-else-if="global.sso_flag==1"></div>

總結

以上所述是小編給大家介紹的VUE中全局變量的定義和使用,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！