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

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

Vue的優(yōu)點

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

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

如何定義全局變量

原理：

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

定義全局變量模塊文件：

Global.vue文件：

<script>

constserverSrc='www.baidu.com';

consttoken='12345678';

consthasEnter=false;

constuserSite="中國釣魚島";

exportdefault

{

userSite,//用戶地址

token,//用戶token身份

serverSrc,//服務器地址

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

}

</script>

使用方式1：

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

在text1.vue組件中使用：

<template>

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

</template>

<script>

importglobal_from'../../components/Global'//引用模塊進來

exportdefault{

name:'text',

data(){

return{

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

}

}

}

</script>

<stylelang="scss"scoped>

</style>

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

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

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

廣告

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