B VUE系列三：vuex，vue全局变量管理和状态更新的利器

vuex是官方提供的管理全局变量的工具，主要是为了组件之间的交流，同时把组件的耦合性降到最低，只要根据官方的格式来写就可以了

1、安装

npm install vuex -S

2、配置

然后在 main.js 中引入

import store from './vuex/store'

3,核心仓库 store.js

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
// 这里定义初始值
let state = {name:"",};const mutations = {setName(context,msg){context.custid = msg;},};// 事件触发后的逻辑操作
// 参数为事件函数
const actions = {};// 返回改变后的数值
const getters = {};export default new Vuex.Store({state,mutations,actions,getters
})

4、读取store中的值

computed: {author () {return this.$store.state.name}}

5、改变值，官方推荐方法

this.$store.commit('setName',"Jack");
//setName要和store中mutations 里面的方法名对应

以上就是基本简单的用法：

复杂的用法参考官网的购物车案例。对于大项目~~有区分模块的概念等后续补充！！

3333

转载于:https://www.cnblogs.com/lovelgx/articles/9024986.html

B VUE系列三：vuex，vue全局变量管理和状态更新的利器相关推荐

【前端vue——系列6】vue连接摄像头并实现摄像头暂停，计时，截图到本地等功能
系列文章总结 [前端vue--系列1]vue的路由 [前端vue--系列2]vue中的data是函数而不是对象与computed的实现原理 [前端vue--系列3]vue框架的优缺点:vue实现双向绑 ...
【Vue系列】vuex详解，一篇彻底搞懂vuex
目录 1. 理解vuex 1.1 vuex是什么 1.2 什么是状态管理模式 1.3 什么时候用vuex 1.4 vuex工作原理 2. 应用vuex 2.1 安装vuex 2.2 搭建vuex环境 ...
Vue「三」—— vue 侦听器、vue 计算属性、vue-cli、vue 组件
本文为 Vue 系列笔记第三篇.参考:>> 黑马程序员 Vue 全套视频教程系列文章阅读
Vue 系列一之 Vue 基础
Create by jsliang on 2018-11-8 13:34:30 Recently revised in 2019-1-12 19:23:17 Hello 小伙伴们,如果觉得本文还不错, ...
【vue系列-07】vue脚手架的基本使用
深入理解脚手架的使用一,vue脚手架的基本使用 1,vue-cli安装 2,vue项目中的文件组成 3,render配置项 4,ref属性 5,props属性 6,mixin属性 7,scope属性 ...
【Vue系列1】—— Vue入门和基础指令
点赞多大胆,就有多大产!开源促使进步,献给每一位技术使用者和爱好者! 干货满满,摆好姿势,点赞发车 ** 这是Vue框架的第一篇,也不说多重要,掌握的必要性这些了,懂的都懂,直接干货怼起来! ** 学 ...
【vue系列-01】vue初级入门以及demo实现详解
vue的初级入门 1,vue是什么 2,vue的特点 2.1,采用组件化模式 2.2,声明式编码 2.3,虚拟DOM + Diff算法 3,vue的环境的基本配置和使用 3.1,在浏览器安装开发工具 ...
【vue系列-03】vue的计算属性，列表，监视属性及原理
vue的核心属性一,vue核心属性 1,计算属性 2,监视属性 3,样式绑定 3.1,class样式绑定 3.2,style样式绑定 4,条件渲染 5,列表渲染 5.1,遍历列表 5.2,key的作 ...
【vue系列-04】vue的表单数据收集，基本指令和自定义指令
vue的表单数据收集.指令一,vue的核心属性 1,收集表单数据 1.1,收集数据案例 1.1.1,type类型的输入框 1.1.2,radio类型的单选框 1.1.3,checkbox类型的复选框 ...
【vue系列-05】vue的生命周期(详解)
深入理解vue的生命周期一,vue的生命周期 1,创建流程 1.1,beforeCreate 1.2,created 2,挂载流程 2.1,beforeMount 2.2,mounted 3,更新流 ...

B VUE系列三：vuex，vue全局变量管理和状态更新的利器

B VUE系列三：vuex，vue全局变量管理和状态更新的利器相关推荐

最新文章

热门文章

B VUE系列 三：vuex，vue全局变量管理和状态更新的利器

B VUE系列 三：vuex，vue全局变量管理和状态更新的利器相关推荐

最新文章

热门文章

B VUE系列三：vuex，vue全局变量管理和状态更新的利器

B VUE系列三：vuex，vue全局变量管理和状态更新的利器相关推荐