欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前端vuex基础入门

程序员文章站 2024-01-22 19:01:16
vuex简介 应用场景 组成介绍 安装Vuex ......

vuex简介

  1. 是一个专门为vue.应用程序开的状态管理模式
  2. 它采用集中式存储管理应用的所有组件的状态 (类似于全局变量)
  3. 并以相应的规则保证以一种可预测的方式发生改变(相应式变化)

应用场景

  1. 多个视图依赖于同一状态
  2. 来自不同视图的行为需要改变同一状态

组成介绍

  1. state   数据仓库
  2. getter  获取数据
  3. mutation 修改数据
  4. action 提交mutation

安装vuex

  1. 安装vuex包:npm install vuex
  2. 创建vuex实例:new vuex.store()
  3. main.js中将vuex实例挂载到vue对象