vuex保存用户信息_VueX 十分钟入门

通过本文你将：

1. 明白什么是VueX。

2. 明白为什么要用VueX。

3. 能跑一个VueX的例子。

4. 了解相关概念，面试的时候能说出一个所以然。

5. 项目中用VueX知道该学什么。

一

---什么是VueX?

VueX 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

翻译成领导能听懂的话，VueX是Vuejs的官方管理数据状态的库。哎呀，涨工资！

官网：https://vuex.vuejs.org/zh/

二

---为什么用它？

举个例子，

你用Vue开发一个app。

不同的组件，你都需要用户信息，还有一些公用的数据，每一个组件请求一遍浪费性能，不请求组件间属性和参数传来传去，维护很耗时、麻烦也容易出错。好吧，你觉得干不好或者麻烦，那么VueX帮你解决这个事儿。

这个没什么复杂的，大学图书馆，自助借还书，每次都把书乱放，维护很麻烦，怎么办，都还给图书馆管理员，图书馆管理员统一管理调配。ok，图书管理员就是VueX。

三

---怎么用？

01 安装

npm install vuex --save

02 初始化store.js

(vue-cli安装项目目录加速)，一般放到src/store/store.js下面，初始化代码，相当于请了一个图书管理员。

import Vue 

03

写需要的组件

创建一个Form.vue组件，输入下面内容：