這篇文章主要介紹vue.js聲明全局變量的方法,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
成都創(chuàng)新互聯(lián)長期為上千客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為清江浦企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、外貿(mào)營銷網(wǎng)站建設(shè),清江浦網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。vue.js聲明全局變量的方法:首先設(shè)置專用的的全局變量模塊文件,模塊里面定義一些變量初始狀態(tài);然后用export default暴露出去;最后在【main.js】里面使用【Vue.prototype】掛載到vue實(shí)例上面,引入該模塊即可。
vue.js聲明全局變量的方法:
定義全局變量
原理: 設(shè)置一個(gè)專用的的全局變量模塊文件,模塊里面定義一些變量初始狀態(tài),用 export default 暴露出去,在 main.js 里面使用 Vue.prototype 掛載到 vue 實(shí)例上面或者在其它地方需要使用時(shí),引入該模塊便可。
全局變量模塊文件:
Global.vue 文件
方法一: 在需要的地方引用進(jìn)全局變量模塊文件,然后通過文件里面的變量名字獲取全局變量參數(shù)值。
{{ token }}
方法二: 在程序入口的 main.js 文件里面,將上面那個(gè) Global.vue 文件掛載到 Vue.prototype。
import global_ from './components/Global'//引用文件 Vue.prototype.GLOBAL = global_//掛載到Vue實(shí)例上面
接著在整個(gè)項(xiàng)目中不需要再通過引用 Global.vue 模塊文件,直接通過 this 就可以直接訪問 Global 文件里面定義的全局變量。
text2.vue:
{{ token }}
以上是“vue.js聲明全局變量的方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!