傻瓜式vuex，我心目中真正正宗的vuex。
npm i stupid-vuex
仅支持vue3！
import { createApp } from 'vue'
import { createStore } from 'stupid-vuex'
const app = createApp(...)
const store = createStore({
some: 1,
})
app.use(store)
app.mount('#root')在app内的任意组件中，你可以这样使用:
export default {
computed: {
some() {
return this.$state.some
},
},
methods: {
update() {
this.$state.some ++
},
},
}或者使用composition api：
<script setup>
import { useState } from 'stupid-vuex'
const $state = useState()
const change = () => {
$state.a ++
}
</script>
<template>
<div>
<span>a: {{$state.a}}</span>
<button @click="change">change</button>
</div>
</template>如果你想知道状态在哪个地方被修改了（一般在开发时才有这个需求），你可以使用下面这个操作：
store.subscribe(({ keyPath, next, prev, stack }) => {
console.log(keyPath, next, prev)
console.log(stack) // 需要单独一行才能在浏览器里面显示为可点击的地址
})你可以通过stack追踪到具体修改状态的那一行代码。
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent