Vue的核心插件--Vuex

原创于 2018-04-02 14:13:58 发布 · 632 阅读

1 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

9 篇文章

订阅专栏

本文介绍Vue.js专用的状态管理工具Vuex的基本概念及使用方法。内容涵盖Vuex的安装配置过程，以及如何创建store来管理应用状态，并通过一个简单的计数器例子展示其核心功能。

Vue的核心插件--Vuex

一、Vuex是什么？

Vuex是一个专为Vue.js应用程序开发的状态管理模式。

Vuex存储着应用的state(即数据源data)，在view视图上渲染或展示，通过view的修改可将VueX的state进行修改并保存(单向数据流)

二、安装Vuex

npm install vuex --save-dev

三、创建store

Vue.use(Vuex) //vue应用vuex模块
const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++
    }
  }
})