在学习vue3中如何使用vuex呢,下面来演示一段代码。

代码

首先需要安装vuex

1
2
3
npm install vuex@next --save
or
yarn add vuex@next --save

如果需要兼容ie等,需要安装”es6-promise”

1
2
npm install es6-promise --save # NPM
yarn add es6-promise # Yarn

引入文件

1
import 'es6-promise/auto'

vue3中main.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
import { createApp, reactive } from 'vue'
import { createStore } from 'vuex'
import App from './App.vue'
import './index.css'

const store = createStore({
state() {
return {
count: 0
}
},
mutations: {
increment(state) {
state.count++
}
}
})

const app = createApp(App)

app.use(store)
app.mount('#app')

reactive

经常被忽略的是,Vue 应用中响应式 data 对象的实际来源——当访问数据对象时,一个组件实例只是简单的代理访问。所以,如果你有一处需要被多个实例间共享的状态,你可以使用一个 reactive 方法让对象作为响应式对象。

更多详细可以前往官网查看.

更多

暂无,会根据学习做相关记录!