vue添加全局变量

JavaScript017

vue添加全局变量,第1张

vue添加全局变量分为3个步骤

1 建立js的util文件并输出带方法属性的对象

export default {

  // 初始化分页

  gMember() {

    console.log('gMember')

}

}

2 在main.js文件将带方法属性的对象挂载在vue中

import util from '../static/js/util.js'

Vue.prototype.$util = util

1.自定义一个全局变量js文件,命名为g_data

2.在main.js中通过prototype挂载到vue上

至此已经可以使用this.g_data 来访问全局对象了。

需要监听回调,修改g_data.js 为:

3.在vue组件中使用场景:

通过 emit和$on触发,执行其他组件的函数事件。

uni-app项目,在main.js文件中使用Vue.prototype方法挂载一个可用于全局页面的变量

通过这个方法,可以在其他页面直接进行使用

./store/index.js:

./store/getters.js:

其它页面获取存储的signingDataList值: