检查下啊,基础啊 不多说,希望读者有脑子。
vue自动创建了 store 文件夹,下面的index.js 是一个VueX的全局数据仓库吧,可以这样理解。
我现在在state 添加 name 叫咸瑜,那我在其他页面或组件我可以这样获取到这个name :
就是这样获取即可。
修改 state的值,严格执行,别问为什么
这个 ?? 是state的字符串,把它改为'咸瑜'
然后在store里面接受这个动作:
就这样,还有一种方法,如果你懒的话:
注意: 这个方法完全是可以的 但是!只能对同步有效,即mutations里面不能有异步操作,不然后果自负,虽然不报错,但规矩就是规矩。所以说偷懒方法可以这样,但只能用于同步。
vueX的传值,和隐含参数 (看代码注释即可)
例如,我点击 获取Name ,修改的Name是我传递过去的参数,而且我要2S后在修改(用到异步) ,那么就这样写:
注意看注释
总结:
dispatch 和 actions 做关联
commit 和 mutation 做关联
setup 函数使用 VueX
vuex 提供了一个叫 useStore,直接引入,然后使用这个变量即可: