VueX知识库

什么是vueX

vuex是一个专为vue.js应用程序开发的状态管理模式。vuex解决了组件之间同一状态的共享问题。Vuex是一个状态管理的插件，可以解决不同组件之间的数据共享和数据持久化。

Vuex应用场景

vuex 储存用户登录时的相关信息时使用
购物车对数据的储存时使用

vueX安装步骤

1. 安装命令：npm install vuex --save或cnpm install vuex --save
   2.创建文件夹：在src文件夹下创建一个store文件夹并创建一个index.js文件
   3.创建仓库文件：在创建好的store.js引入vue 引入vuex并且使用use Vuex

import Vue from 'vue'
import Vuex from 'vuex'
Vuex.use(Vuex) 

4.定义数据

state:数据源载体

state:{
   
	//两种方式
	info:{
   
         mobile:1221512
    },
    n:120
}

//获取的方法
{
   {
    $store.state.info.mobile }}
{
   {
    $store.state.n }}  

定义方法

mutation: 唯一可以提交可以改变state的状态，也就是数据的属性值

//mutations用来定义方法,它是唯一一个可以修改state状态
let mutations={
   
   add(){
   
   state.count++
   }
}

定义计算方法

getters:处理store.js中的数据处理store.js中的数据，相当于计算属性
用于改变state的值，派生出多个数据源

sum(state){
   
    let sum=0
    let a=state.todolist.