1136588708 / vue-vuex

0 stars 0 forks source link

vuex的一些核心概念 #3

Open 1136588708 opened 5 years ago

1136588708 commented 5 years ago

来简单讲一下vuex的一些比较常用到的4个核心概念:state、getter、mutation、action

1136588708 commented 5 years ago

state: 每个vuex应用的核心就是store(仓库)。说白了,‘store’它就像一个仓库、一个容器,用它来存储应用中的态状(state)。即此,它包含着你的应用中大部分的状态。 下面介绍一下vuex与单纯的全局对象有以下两点不同:

  1. vuex的状态存储是响应式的,当vue组件从store中读取状态的时候,若store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。 2.我们不能直接去改变 store中的状态(改变store中的状态,其实就是改变store中的值)。想要改变store中的状态的唯一途径就是显式地提交(commit)mutation。

接下来,我们去创建一个简单的state store.js 文件中: import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const store = new Vuex.Store({ state: { count : 0 } })