ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

4. vuex的基本使用

2021-07-07 16:32:30  阅读:158  来源: 互联网

标签:基本 vuex State Getter Mutation 使用 数据 Store


1.使用vuex统一管理状态的好处

  1.  能够在vuex中集中管理共享的数据,易于开发和后期维护

        2.  能够高效地实现组件之间的数据共享,提高开发效率

   3.  存储在vuex中的数据都是响应式的,能够实时保持数据与页面的同步

2. vuex的核心概念

  1. State  提供唯一的公共数据源,所有的数据都要统一放到Store的State中进行存储

    访问State中的数据方式:

    

   2. Mutation Mutation 用于变更Store中的数据 (Mutatios中不能写异步的代码)

    1. 只能通过Mutation变更store数据,不可以直接操作Store中的数据  

    2. 通过这种方式操作起来虽然稍显繁琐,但是可以集中监控所有数据的变化 

     触发Mutation中的方法:

    

   3. Action 用于处理异步任务

    如果通过异步变更数据,必须通过Action,而不能使用Mutation,但是在Action中还是要通过触发Mutation的方式间接变更数据

        

      4. Getter 用于对Store中的数据进行加工处理形成新的数据(Getter不会修改原数据,只是包装数据)

     1. Getter可以对Store中已有的数据进行加工处理之后形成新的数据,类似于Vue的计算属性

   2. Store中数据发生变化,Getter的数据也会跟着变化

   

      

标签:基本,vuex,State,Getter,Mutation,使用,数据,Store
来源: https://www.cnblogs.com/Ananiah/p/14981779.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有