main.js 主要看一下“挂载vuex”这一步
//引入Vue库
import Vue from 'vue'
//挂载vuex
import store from './store/index.js'
Vue.prototype.$store = store
//全局变量
Vue.prototype.$cdn = 'http://192.168.31.70'//文件的cdn
//引入 App.vue( APP的第一个入口文件 )
import App from './App'
Vue.config.productionTip = false//设置为false,在开发模式下会给予很多提示
App.mpType = 'app'
//创建一个 Vue 实例
const app = new Vue({
...App
})
//挂载Vue实例
app.$mount()
在根目录创建store文件,然后在里面新建index.js文件
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({//教程 https://vuex.vuejs.org/zh/guide/state.html
state: {//单一状态树【变量必须写在这里面】
login: false,
token: '',
avatarUrl: '',
userName: ''
},
mutations: {}
})
export default store
然后在你想要的nvue或vue文件页面。直接写
console.log(this.$store.state.login);