课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目
课程章节: 6-12 使用 Vuex getters,6-13 添加新建文章页面
主讲老师:张轩
课程内容:
使用vuex中的getters过滤数据
课程收获:
vuex中的getters就是过滤一些数据专用的。应用场景为当多个页面同事都需要过滤一个数据的时候需要使用,这个时候使用getters则最为合适的一个选择,节省了多个页面来回复制代码的情况,避免代码不必要的冗余,为后期的维护性更方便。前面说到我们吧所有的数据管理都放在了store里面,这个时候我们创建文章,把文章新增的数据统一存入到了store的数据里面。使用mutations,store.commit*(触发,第一个参数就是mutation里面的一个方法,第一个参数就是仓库中原本就有的state,第二个参数就是传递过来的数据。这样我们创建文章的页面就成功的将数据存入到state里面了。需要注意的就是,不允许直接修改store仓库中的state数据,只能通过mutation来修改