• vuex 开始


    每一个vuex的应用的核心都是store(仓库),store基本上就是一个容器,它包含着你的应用中大部分的状态(state),vuex和单纯的全局对象有以下两点不同:

    1,vuex的状态存储是响应式的。当vue组件从store中读取状态的时候,若store中的状态发生变化,那么相应的组件也会相应的得到高效更新。

    2,你不能直接改变store中的状态。改变store中的状态的唯一途径就是显式的提交(commit)mutations.这样使得我们可以方便的跟踪每一个状态的变化,从而让我们能够实现一些工具帮助我们更好的了解我们的应用。

    最简单的 Store

    安装 Vuex 之后,让我们来创建一个 store。创建过程直截了当——仅需要提供一个初始 state 对象和一些 mutations:

    const store = new Vuex.Store({

    state:{

    count:0

    },

    mutations:{

    increment(state){

    state.count++

    }

    }

    })

    现在,你可以通过store.state来获取状态对象,以及通过store,commit方法触发状态变更

    store.commit('icrement')

    console.log(store.state.count)

    再次强调,我们通过提交mutation的方式,而非直接改变store.state.count,是因为我们想要更明确地追踪到状态变化,这个简单的约定能让你的意图更加明显,这样你在阅读代码的时候能更容易的解读应用内部的状态改变,

  • 相关阅读:
    BFS 简单思想以及代码
    01、Hibernate安装配置
    WireShark——ARP 协议包分析
    eNSP之VLAN设计实验
    eNSP 交换机 路由器 PC 互连设计/实现
    Windows常用的网络命令
    01、Git安装教程(windows)
    Java IO编程——文件拷贝
    Java 多线程编程——多线程
    Java IO编程——转换流
  • 原文地址:https://www.cnblogs.com/susanws/p/7452225.html
Copyright © 2020-2023  润新知