這篇文章主要介紹vue.js聲明全局變量的方法,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
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è)資訊頻道!