vue.js如何宣告全域變數

vue.js宣告全域變數的方法：先設定專用的的全域變數模組文件，模組裡面定義一些變數初始狀態；然後用export default曝光；最後在【main.js】裡面使用【 Vue.prototype】掛載到vue實例上面，引入此模組即可。

本教學操作環境：windows7系統、vue2.9版，此方法適用於所有品牌電腦。

vue.js宣告全域變數的方法：

定義全域變數

原理: 設定一個專用的的全域變數模組文件，模組裡面定義一些變數初始狀態，用export default 暴露出去，在main.js 裡面使用Vue.prototype 掛載到vue 實例上面或在其它地方需要使用時，引入該模組便可。

全域變數模組檔：

Global.vue 文件

方法一: 在需要的地方引用進全域變數模組文件，然後透過檔案裡面的變數名字來獲取全域變數參數值。

方法二: 在程式入口的 main.js 檔案裡面，將上面那個 Global.vue 檔案掛載到 Vue.prototype。

import global_ from './components/Global'//引用文件 Vue.prototype.GLOBAL = global_//挂载到Vue实例上面

接著在整個專案中不需要再透過引用 Global.vue 模組文件，直接透過 this 就可以直接存取 Global 文件裡面定義的全域變數。

text2.vue：

相關免費學習推薦：JavaScript（影片）

以上是vue.js如何宣告全域變數的詳細內容。更多資訊請關注PHP中文網其他相關文章！