美文网首页
main.js中Vue.prototype定义全局变量

main.js中Vue.prototype定义全局变量

作者: 前端金城武 | 来源:发表于2021-07-05 17:24 被阅读0次

main.js中的Vue.prototype可用于全局页面的变量(store为例)

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

import Vue from 'vue'
import App from './App'
import store from './store'

Vue.prototype.$store = store

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

let TMSids = [];
// 对TMSids变量进行一系列的数据操作......
this.$store.dispatch('signing/signingDataList', TMSids)

./store/index.js:

import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'
Vue.use(Vuex)

const store = new Vuex.Store({
  modules,
  getters
})

export default store

./store/getters.js:

const getters = {
  signingDataList: state => state.signing.signingDataList,
}
export default getters

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

// 例如在 a.vue文件中获取:
export default{
    computed: {
       ...mapGetters({
            signingDataList: 'signingDataList'
       })
    }
    // 其它地方使用signingDataList这个值的时候直接this.signingDataList就可以了
}

相关文章

网友评论

      本文标题:main.js中Vue.prototype定义全局变量

      本文链接:https://www.haomeiwen.com/subject/budiultx.html