只需三分钟!只需创建一个vuex.js文件,让你马上学会使用Vuex,尽管Vuex是个鸡肋!(扔掉store文件夹和里面的index、getters、actions、mutations等js文件吧!)

本文介绍了如何通过创建一个简单的vuex.js文件,快速学会使用Vuex,避免繁琐的store目录结构。作者分享了一个避免使用index、getters、actions、mutations等多个文件的方法,适合忙碌的开发者追求轻量化开发。内容包括设置Vuex、监听变量变化以及代码简化技巧。
摘要由CSDN通过智能技术生成

前情提示:有一天,我要实现一个效果→点击某个按钮改变一个全局变量,并且要让绑定了该变量的所有位置异步渲染。我试过用一个全局的js文件存放该变量,该变量值虽然改变了,但是没有做到异步渲染。接着我用window.全局变量的方式,尼玛!还没打开页面给我报错"全局变量 of undefined",我才想起页面还没加载完的时候window全局对象都是空值!这让我如何是好?于是我琢磨了下有个叫做Vuex玩意儿,故摆弄一下,也分享给大家!

我看了官方文档,也看了很多论坛大牛的博客,发现大家都在src下面创建一个sotre文件夹,然后创建4个文件:index.js、getters.js、actions.js、mutations.js。我去~搞这么麻烦???我差点就放弃了~


仔细琢磨了一番,发现就一个文件即可实现的事情非得搞那么麻烦,大家都很忙,何不让自己更加轻量化一点?终于明大部分程序猿发际线靠后、女朋友找不到的理由(坏笑)了,净花在这种冗余的开发上面了!不废话一个文件搞定,建议无脑复制直接淦!!!


如果您使用的是vue2请务必认准安装vuex3(强烈推荐下面的版本,否者你会报错error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'getters')"ÿ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值