在知乎上看到一个问题，问“vue3下vu原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.netex是不是就没意义了”，便随手回答了一下【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net，调侃自己对vuex本身的设计就表示不认未经授权，禁止复制转载。【未经授权禁止转载】同，主要的理由是vue本身支持直接修改属【转载请注明来源】【关注微信公众号：wwwtangshuangnet】性完成响应式，而vuex却要学redux本文版权归作者所有，未经授权不得转载。【转载请注明来源】那一套定义mutation、action【版权所有，侵权必究】转载请注明出处：www.tangshuang.net之类的，过于复杂，真正简单的方法，应该像本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】vue本身一样，直接修改属性。于是写下了本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net自己的想法：

const store = new Store({ a: 1 })
app.use(store)

然后在组件里面修改：

this.$state.a = 2

这样看上去多舒服，思路上和vue一致，定本文作者：唐霜，转载请注明出处。【关注微信公众号：wwwtangshuangnet】义全局状态时，也不需要复杂的mutati【关注微信公众号：wwwtangshuangnet】【本文受版权保护】on, action，只需要一个对象。这未经授权，禁止复制转载。【本文受版权保护】才是最符合直觉的vuex使用方式吧。

简单写完上面的想法之后，我就没管了，没想【转载请注明来源】【未经授权禁止转载】到过了两天，这问答下面都积累了50条评论【原创内容，转载请注明出处】【关注微信公众号：wwwtangshuangnet】，点赞也蹭蹭蹭的在增加，感觉要火呀

但是，当我看完这些评论之后，却高兴不起来【版权所有，侵权必究】转载请注明出处：www.tangshuang.net，因为在这么纯粹的想法面前，各种抖机灵的【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshuang.net评论都出来了。其中一个重要的讨论点在于，【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.net基于dispatch(‘SO【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。ME_NAME’的方式有利于【原创不易，请尊重版权】本文作者：唐霜，转载请注明出处。调试，找到状态被修改的位置。我对这种辩解著作权归作者所有，禁止商业用途转载。【作者：唐霜】嗤之以鼻，大部分人根本没搞懂redux里【本文首发于唐霜的博客】【作者：唐霜】面dispatch的设计思想，就在这里各【访问 www.tangshuang.net 获取更多精彩内容】【关注微信公众号：wwwtangshuangnet】种吹捧，他们无非把dispatch当一个原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。带字符串标记的update看，而人家真正本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net的设计是send(message)的理念【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】，躺在两条河里还说洗的一个澡，我也是有点【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.net服。

不就是想追踪状态被修改的位置吗？我想，既本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。然都已经提出来了，不妨实现吧，毕竟我造轮转载请注明出处：www.tangshuang.net【未经授权禁止转载】功力还是挺强的。简单翻阅了vue的文档，【原创不易，请尊重版权】原创内容，盗版必究。花了2个多小时，写了一个stupid-v本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】ue库。

https://github.com/t未经授权，禁止复制转载。未经授权，禁止复制转载。angshuang/stupid-vue未经授权，禁止复制转载。【转载请注明来源】x

使用方式如下：

不得不说，vue3的api设计比vue2著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。合理了非常多，在vue2时代，我做相关工原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。具的时候，非常吃力，但是到了vue3，所转载请注明出处：www.tangshuang.net【未经授权禁止转载】有api都是顶级暴露的，想要什么能力都可【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有，未经授权不得转载。以组装出来，很厉害。

一通操作下来，这个包就这样发布了。

等一下，状态修改追踪呢？我利用了Erro【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】r的特性，抓取它的stack，直接可以得未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。到状态修改时，是由哪一行代码造成的。

看上图，通过点击浏览器里面的调试代码，就【作者：唐霜】【未经授权禁止转载】可以直接定位到源码的位置，这比所谓vue本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。 devtool给的一大串跳来跳去，只能【未经授权禁止转载】本文作者：唐霜，转载请注明出处。看数据流，最后你还是不知道具体哪个位置带【原创内容，转载请注明出处】未经授权，禁止复制转载。来的变化来的更直接吧。

多好。

故事就结束了

….并没有。“你这不符合单向【未经授权禁止转载】著作权归作者所有，禁止商业用途转载。数据流的理念”，WTF？？在vue里面你【未经授权禁止转载】【原创内容，转载请注明出处】跟我讲单向数据流的理念，入魔了吧。

我大部分时间都是用react来写项目，没【本文受版权保护】原创内容，盗版必究。曾想vue发展这么快，vue3真的很好用【本文首发于唐霜的博客】未经授权，禁止复制转载。，唯一的不足在于它强依赖构建工具，如果能未经授权，禁止复制转载。【作者：唐霜】做到vue2一样直接浏览器引一个库，在运【关注微信公众号：wwwtangshuangnet】本文作者：唐霜，转载请注明出处。行时编译，那就很方便了。不过随着前端发展【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。，这种依赖工具的框架慢慢成主流，也是正常未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。的。

网络上会喷的人很多，但是，看一个人行不行【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net还是要看他的行动力，只会喷不会造，这种人【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】不必理会，提升自己的内功才是王道。