mpvue 全局變量的實現

1、

1. 初始化建立完成項目以後，找到 src 目錄下的 main.js

例：

2. 在 main.js 最後將小程序的全局變量添加到 Vue 的原型上

例： 

此例小程序的全局方法 getApp() 添加一個全局變量 globalData 賦值給 Vue 原型 Vue.prototype 添加的 globalData

添加數據：

此 main.js 頁面添加：

直接給 Vue 原型 Vue.prototype 賦值便可

在不一樣頁面添加：

能夠在生命週期中使用 this 添加

例：

在不一樣頁面使用：

例：

重要：在使用時獲取不到值的話，多是如下第二種方法最後說起的注意事項的緣由

 2、

使用 Vue 項目中定義全局變量的方式

1. 單獨添加一個全局變量的模塊（能夠在任何地方）

在 components 組件文件夾中添加一個全局模塊 global.vue

例：

2. 文件夾中添加 script，定義變量或直接導出，導出使用 export default

例：

3. 在須要的頁面導入使用（兩種使用方法）

。在 pages 中 .vue 頁面文件使用

頁面（.vue）中添加 script 使用 import from 導入

例：

能夠在初始化（data）或生命週期中直接使用

例：

。。在 pages 中 .js 文件導入，在 .vue 頁面使用

例： 

使用的仍是掛載在 Vue 實例上，仍是要注意賦值要在最後

在 .vue 頁面中使用

注意：由於是在 pages 頁面中的 js 文件引入，此時數據只是掛載在實例上，實例中是有值，

可是在剛進入頁面時只能獲取到 undefined，

因此初始化中和 created 是拿不到值的，只能在 mounted 以後在賦值

例：