![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vuex
浮生666
只为代码更简洁,向更好,更快的方向发展。
展开
-
vuex的基本使用(超级详细)
vuex在vue中起到一个数据状态共享的作用,类似于一个数据大仓库,接下来具体讲下vuex的使用方法。主要讲述如何定义数据,组件内如何获取数据,如何同步,异步更改数据 1、在src目录下新建store文件夹,在store文件夹下新建index.js文件 2、main.js引用 import store from './store' new Vue({ router, store, render: h => h(App) }).$mount('#app') 3、index.js下代码如下原创 2021-08-03 15:14:41 · 2758 阅读 · 1 评论 -
vuex使用方法(语法糖和modules使用)
上一篇文章我们介绍了vuex的基本使用方法,但是当你项目比较大,vuex的数据比较多,使用过程中,你就会发现,有很多问题 第一个问题是: 数据不太容易维护 改进方案: 因为你的所有同步和异步方法都写在了一个index.js文件中,其实我们可以通过modules划分来解决这个问题 第二个问题是: 我们获取数据,更改数据代码过于繁琐 之前写法如下: 获取数据时:使用 this.store.state.xxx提交同步方法时:使用this.store.state.xxx 提交同步方法时:使用 this.store.原创 2021-08-03 17:19:07 · 767 阅读 · 1 评论