安装

uni-app 内置了 vue 和 vuex 我们使用的时候，只需要在文件根目录中新建一个 store 目录，并创建一个 index.js 文件

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

Vue.use(Vuex)

const store = new Vuex.Store({
    state:{//存放状态
        "username":"foo"
        "age":18
    }
})

export default store

然后在 main.js 中引入

<!-- 页面路径：main.js -->
import Vue from 'vue'
import App from './App'
import store from './store'

Vue.prototype.$store = store

// 把 store 对象提供给 “store” 选项，这可以把 store 的实例注入所有的子组件
const app = new Vue({
    store,
    ...App
})
app.$mount()

使用的时候像普通 vue 项目一样使用就可以了

uni-app 中使用 vuex

安装