VUE 全局變量的幾種實現(xiàn)方式

wuyangnju 發(fā)布于2019-08-26 12:17 / 1695人閱讀

摘要：全局變量專用模塊意思是說，用一個模塊管理這套全局變量，模塊里的變量用最好導(dǎo)出的格式為對象，方便在其他地方調(diào)用暴露出去，當(dāng)其它地方需要使用時，用導(dǎo)入該模塊全局變量模塊掛載到里同上，在程序入口的里加下面代碼掛載之后，在需要引用全局量的模塊處，不

1、全局變量專用模塊
意思是說，用一個模塊（js or vue）管理這套全局變量，模塊里的變量用export （最好導(dǎo)出的格式為對象，方便在其他地方調(diào)用）暴露出去，當(dāng)其它地方需要使用時，用import 導(dǎo)入該模塊
2、全局變量模塊掛載到Vue.prototype 里
Global.js同上，在程序入口的main.js里加下面代碼

import global_ from "./components/tool/Global"
Vue.prototype.GLOBAL = global_
掛載之后，在需要引用全局量的模塊處，不需再導(dǎo)入全局量模塊，直接用this就可以引用了，如下:

1和2的區(qū)別在于：2不用在用到的時候必須按需導(dǎo)入全局模塊文件
3、vuex
//摘自網(wǎng)絡(luò)

GPU云服務(wù)器云服務(wù)器 js繼承的幾種方式服務(wù)器請求的幾種方式 java創(chuàng)建對象的幾種方式最基本的幾種

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/108411.html

相關(guān)文章

vue組件通信的幾種方式

摘要：雖然和都可以獲取組件實例，但是它們無法在跨級或兄弟間通信，這是它們的缺點。也就是在父組件中提供一個值，并且在需要使用的子孫組件中注入改值，即不僅僅是，只要是的子組件，無論隔多少代，都可以通過這個的方式注入。通過混入組件，實現(xiàn)組件間的通信。寫在前面 vue 的組件化應(yīng)該是其最核心的思想了，無論是一個大的頁面還是一個小的按鈕，都可以被稱之為組件?；?Vue 的開發(fā)，就是在寫一個個組件，...

vspiders 2019-08-23 16:04 評論0 收藏0
一名【合格】前端工程師的自檢清單

摘要：在他的重學(xué)前端課程中提到到現(xiàn)在為止，前端工程師已經(jīng)成為研發(fā)體系中的重要崗位之一。大部分前端工程師的知識，其實都是來自于實踐和工作中零散的學(xué)習(xí)。一基礎(chǔ)前端工程師吃飯的家伙，深度廣度一樣都不能差。開篇前端開發(fā)是一個非常特殊的行業(yè)，它的歷史實際上不是很長，但是知識之繁雜，技術(shù)迭代速度之快是其他技術(shù)所不能比擬的。 winter在他的《重學(xué)前端》課程中提到：到現(xiàn)在為止，前端工程師已經(jīng)成為研...

羅志環(huán) 2019-08-23 17:08 評論0 收藏0
一名【合格】前端工程師的自檢清單

摘要：在他的重學(xué)前端課程中提到到現(xiàn)在為止，前端工程師已經(jīng)成為研發(fā)體系中的重要崗位之一。大部分前端工程師的知識，其實都是來自于實踐和工作中零散的學(xué)習(xí)。一基礎(chǔ)前端工程師吃飯的家伙，深度廣度一樣都不能差。開篇前端開發(fā)是一個非常特殊的行業(yè)，它的歷史實際上不是很長，但是知識之繁雜，技術(shù)迭代速度之快是其他技術(shù)所不能比擬的。 winter在他的《重學(xué)前端》課程中提到：到現(xiàn)在為止，前端工程師已經(jīng)成為研發(fā)體系...

isaced 2019-05-21 19:50 評論0 收藏0
前端面試題收集，持續(xù)更新中

摘要：對于所訪問的每個元素，函數(shù)應(yīng)該將該元素傳遞給所提供的回調(diào)函數(shù)。 HTML 在線閱讀Github地址題目列表 HTML HTML和XHTML的區(qū)別 Html的語義化 Doctype的文檔類型 cookie、sessionSttorage、localStory區(qū)別 HTML全局屬性(global attribute)有哪些？常見的瀏覽器內(nèi)核有哪些？介紹一下你對瀏覽器內(nèi)核的理解？...

kgbook 2019-08-22 16:49 評論0 收藏0
前端面試題收集，持續(xù)更新中

摘要：對于所訪問的每個元素，函數(shù)應(yīng)該將該元素傳遞給所提供的回調(diào)函數(shù)。 HTML 在線閱讀Github地址題目列表 HTML HTML和XHTML的區(qū)別 Html的語義化 Doctype的文檔類型 cookie、sessionSttorage、localStory區(qū)別 HTML全局屬性(global attribute)有哪些？常見的瀏覽器內(nèi)核有哪些？介紹一下你對瀏覽器內(nèi)核的理解？...

2json 2019-08-29 15:12 評論0 收藏0