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 };
}

 

Logo

前往低代码交流专区

更多推荐