本文將為大家詳細(xì)介紹“vue定義全局變量的方法”，內(nèi)容步驟清晰詳細(xì)，細(xì)節(jié)處理妥當(dāng)，而小編每天都會(huì)更新不同的知識(shí)點(diǎn)，希望這篇“vue定義全局變量的方法”能夠給你意想不到的收獲，請(qǐng)大家跟著小編的思路慢慢深入，具體內(nèi)容如下，一起去收獲新知識(shí)吧。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、成都微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了五通橋免費(fèi)建站歡迎大家使用！

Vue的優(yōu)點(diǎn)

Vue具體輕量級(jí)框架、簡(jiǎn)單易學(xué)、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結(jié)構(gòu)的分離、虛擬DOM、運(yùn)行速度快等優(yōu)勢(shì)，Vue中頁(yè)面使用的是局部刷新，不用每次跳轉(zhuǎn)頁(yè)面都要請(qǐng)求所有數(shù)據(jù)和dom，可以大大提升訪問速度和用戶體驗(yàn)。

在vue項(xiàng)目中如何定義全局變量，全局函數(shù)，在項(xiàng)目中，經(jīng)常有些函數(shù)和變量是需要復(fù)用，比如說網(wǎng)站服務(wù)器地址，從后臺(tái)拿到的：用戶的登錄token,用戶的地址信息等，這時(shí)候就需要設(shè)置一波全局變量和全局函數(shù)

如何定義全局變量

原理：

設(shè)置一個(gè)專用的的全局變量模塊文件，模塊里面定義一些變量初始狀態(tài)，用exportdefault暴露出去，在main.js里面使用Vue.prototype掛載到vue實(shí)例上面或者在其它地方需要使用時(shí)，引入該模塊便可。

定義全局變量模塊文件：

Global.vue文件：

<script>

constserverSrc='www.baidu.com';

consttoken='12345678';

consthasEnter=false;

constuserSite="中國(guó)釣魚島";

exportdefault

{

userSite,//用戶地址

token,//用戶token身份

serverSrc,//服務(wù)器地址

hasEnter,//用戶登錄狀態(tài)

}

</script>

使用方式1：

在需要的地方引用進(jìn)全局變量模塊文件，然后通過文件里面的變量名字獲取全局變量參數(shù)值。

在text1.vue組件中使用：

<template>

<div>{{token}}</div>

</template>

<script>

importglobal_from'../../components/Global'//引用模塊進(jìn)來

exportdefault{

name:'text',

data(){

return{

token:global_.token,//將全局變量賦值到data里面，也可以直接使用global_.token

}

}

}

</script>

<stylelang="scss"scoped>

</style>

如果你能讀到這里，小編希望你對(duì)“vue定義全局變量的方法”這一關(guān)鍵問題有了從實(shí)踐層面最深刻的體會(huì)，具體使用情況還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想閱讀更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享標(biāo)題：vue定義全局變量的方法-創(chuàng)新互聯(lián)
鏈接URL：http://jinyejixie.com/article10/deppdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、App設(shè)計(jì)、微信公眾號(hào)、網(wǎng)站設(shè)計(jì)公司、企業(yè)建站、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)