【Vue】CompositionAPI 中如何使用 VueX

我们使用composition API的语法来去使用 VueX（叉）。‍‍

那么我们先来复习一下 VueX（叉）它的一个代码的逻辑流程，
首先我要创建一个数据，createStore 创建一个store的这样的数据仓库。

接着我在里面定义state，‍‍如果我想改变state里面数据的值的话，
首先如果异步操作，我要先通过dispatch方法派发一个action，‍‍然后执行对应的 action，action里面去写一些异步的操作，‍‍

action获取到一些数据或者异步操作结束之后，它会调用 commit 方法，然后去执行一个mutation，‍‍

那么mutation才真正的对数据做一个变更，这就是VueX（叉）它的一个使用流程。‍‍

现在我们使用composition API的语法来重新写一下之前我们写的功能。‍‍

代码示例：

我在首页要去用这个东西？

如果用composition API的语法，我们要写一个setup函数，
setup函数里面，‍‍我想去用 store里面的 name 数据怎么用?

在这里面我们要引入一个useStore方法‍‍，‍‍
有了useStore方法‍‍之后就可以 const name 等于 balabala…。‍‍<