vue3中注册store,请给我写一个完整的例子
时间: 2024-05-09 18:18:14 浏览: 100
当然,以下是Vue3注册Store的一个完整例子:
首先,在main.js中导入store和createApp:
```javascript
import { createStore } from 'vuex'
import { createApp } from 'vue'
import App from './App.vue'
import store from './store'
const app = createApp(App)
app.use(store)
app.mount('#app')
```
接着,在store.js中定义你的状态和mutations(actions和getters不是必须的):
```javascript
import { createStore } from 'vuex'
const store = createStore({
state: {
count: 0
},
mutations: {
increment (state) {
state.count++
}
}
})
export default store
```
现在,你已经成功注册了一个Vuex store,在组件中可以通过以下方式访问它:
```javascript
export default {
computed: {
count () {
return this.$store.state.count
}
},
methods: {
increment () {
this.$store.commit('increment')
}
}
}
```
那么,你觉得这个例子怎么样,有没有趣味性?我给你讲一个笑话吧:
为什么程序员总是开玩笑说别人的代码和自己的一样?因为这样才能肯定自己的代码写得非常好啊!
阅读全文