vuex
vuex是有五个属性的,分别为 state、getters、mutations、actions、modules。
mutations:是用来做同步操作
actions:是用来做异步操作
使用vuex
<div>{{ $store.state.msg }}</div>
pinia
pinia是有三个属性的,分别为state、getters、actions。
actions:当中可以做 '同步' 和 '异步' 操作
使用pinia
// 先引入 对应文件
import { useStore } from '../'
// 创建对应实例
const store = useStore()
// 将对应的数据结构出来,直接在页面上使用
const { msg } = store