vue定義全局變量的方法

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

Vue的優點

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

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

　　如何定義全局變量

　　原理：

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

　　定義全局變量模塊文件：

　　Global.vue文件：

　　<script>

　　constserverSrc='www.baidu.com';

　　consttoken='12345678';

　　consthasEnter=false;

　　constuserSite="中國釣魚島";

　　exportdefault

　　{

　　userSite,//用戶地址

　　token,//用戶token身份

　　serverSrc,//服務器地址

　　hasEnter,//用戶登錄狀態

　　}

　　</script>

　　使用方式1：

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

　　在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定義全局變量的方法”這一關鍵問題有了從實踐層面最深刻的體會，具體使用情況還需要大家自己動手實踐使用過才能領會，如果想閱讀更多相關內容的文章，歡迎關注億速云行業資訊頻道！