Vue3里的setup中使用vuex
useStore这里我们可以直接从vuex 4.X中解构出useStore方法,就可以在setup中使用vuex的相关函数template 使用$store<template><div><h2>{{ $store.state.count }}</h2><button @click="increaseCount">点击</button
·
useStore
这里我们可以直接从vuex 4.X中解构出useStore方法,就可以在setup中使用vuex的相关函数
template 使用$store
<template>
<div>
<h2>{{ $store.state.count }}</h2>
<button @click="increaseCount">点击</button>
</div>
</template>
//引入路由函数
import { useStore } from "vuex";
//使用
setup() {
//使用vuex
const store = useStore();
//正常使用,相当于store代替了this.$store
//store.state. ...
console.log(store.state.count);
const increaseCount = () => {
store.commit("increaseCount");
};
return { increaseCount };
}
更多推荐
已为社区贡献19条内容
所有评论(0)