• 4. vuex的基本使用


    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的数据也会跟着变化

       

          

  • 相关阅读:
    梳理NLP预训练模型
    听懂NLPer说的是啥
    自然语言处理之HMM模型分词
    入门自然语言处理(NLP)的门
    js轮播图
    js中for循环this的使用
    vue-cli3的vue.config.js配置信息
    vuex的commit、payload、actions、setter、mutations等方法案例
    Vue做数据和视图原理(数据劫持)
    fetch的使用方法(基于promise方法进行增删改查)
  • 原文地址:https://www.cnblogs.com/Ananiah/p/14981779.html
Copyright © 2020-2023  润新知