這篇文章將為大家詳細(xì)講解有關(guān)如何在Vue項(xiàng)目中定義全局變量,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。
創(chuàng)新互聯(lián)堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:做網(wǎng)站、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的阿合奇網(wǎng)站設(shè)計、移動媒體設(shè)計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!1.工作中遇到的兩類問題1.1 狀態(tài)值(標(biāo)志)
A界面賦值的a變量,作為記錄狀態(tài)值(標(biāo)志)需要被其他幾個界面使用。其他幾個界面亦可以改變a狀態(tài)值。
1.2 傳遞字段
A界面有a字段,B界面沒有a字段,但需要調(diào)用a字段。
2.解決方法2.1 VUEX
使用VUEX管理狀態(tài)與字段值,但有種殺雞用牛刀的感覺,稍微顯重了一點(diǎn)。
2.2 使用全局變量法管理狀態(tài)與字段值
輕量,簡單。
故本文使用全局變量法解決1中提出的兩個問題
3.1創(chuàng)建全局文件
在工具文件夾,創(chuàng)建glabal_val.js
3.2創(chuàng)建全局變量和設(shè)置全局變量的方法如下
export default{ sso_flag:"0", set_sso_lag(sso_flag){ this.sso_flag = sso_flag; } }
3.3導(dǎo)入數(shù)據(jù)(全局變量)
import global from '@/utils/global_val'
3.4在 A界面設(shè)置全局變量的狀態(tài)位
global.set_sso_flag(1) 也可global.set_sso_flag=this.sso_flag直接進(jìn)行賦值
3.5在B界面判斷
在B界面DOM 標(biāo)簽里結(jié)合VUE的v-if,v-else-if指令進(jìn)行邏輯判斷
關(guān)于如何在Vue項(xiàng)目中定義全局變量就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。