vuex01-安装使用
安装npm install vuex --saveyarn add vuex使用新建文件以及文件夹在src目录下新建名为store的文件夹(名称随意)在store目录下新建名为index.js文件(名称随意)引入Vuex在index.js使用vue.use(Vuex) 安装Vueximport Vue from 'vue'import Vuex fr...
·
安装
- npm install vuex --save
- yarn add vuex
使用
新建文件以及文件夹
- 在src目录下新建名为store的文件夹(名称随意)
- 在store目录下新建名为index.js文件(名称随意)
引入Vuex
- 在index.js 使用vue.use(Vuex) 安装Vuex
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
- 新建一个store(仓库)
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment (state) {
state.count++
}
}
})
- 抛出store
export default store
引入store
- 找到main.js
- 引入store
import store from './store/index'
- 绑定到vue实例
new Vue({
router,
store,
render: h => h(App),
}).$mount('#app')
更多推荐
已为社区贡献8条内容
所有评论(0)