vue设置全局变量,添加全局js方法和vuex的简单使用

创建 global.js 

注册到vue ,在main.js里面

import Glo from '@/global.js'

Vue.prototype.GLOBAL = Glo;

全局使用:this.GLOBAL.devip

vuex的简单使用: 安装,然后注册到vue里面

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  strict:true,  // 开启严格模式  确保state 中的数据只能 mutations 修改 不开启就可以随便修改
  state:{
    usertoken:0
  },

  mutations:{

    addusertoken(state,flag){

      state.usertoken=flag;

    },

  }

})

  new Vue({

    axios,

    store,

    router,

    render: h => h(App)

  }).$mount('#app-box')

 

全局调用:

this.$store.commit("addusertoken",123);

this.$store.state.usertoken;

注意 strict:true,  // 开启严格模式  确保state 中的数据只能 mutations 修改 不开启就可以随便修改

如果不开启就可以直接 全局  this.$store.state.usertoken = 123; 修改