浅谈vue使用vuex

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浅谈vue使用vuex相关的知识,希望对你有一定的参考价值。

参考技术A 对上图进行解析:
state:用于存储变量,外部使用vuex中的值时也是直接引用state即可
mutations:可以理解为拿到需要设置的值之后来更新状态管理器中的state的值
actions:可以理解为需要触发的行为,外面使用vuex时首先经过的是actions中对应的行为,然后该行为会指向对应的mutations来更新state中对应变量的值

触发actions对用的行为之后后接着触发 mutations 里面的从而更新对应state里面的值

第一个变量是使用的哪个store下的哪个 mutations 中的事件,第二个是你需要更新的state的值

contract 就是你需要引用的状态管理器的命名,这里的 contract 注意 const 的变量最好和文件名保持一致,在页面中需要使用的变量就罗列出来,比如这个地方的 buildingId , contractType , operationType 等等,页面中使用直接this.即可

生活就是不断的积累 奥力给

前端框架Vue自学之Vuex

终极目标:掌握和使用Vue(全家桶:Core+Vue-router+Vuex)

本博客目的:记录Vue学习的进度和心得(Vuex)

内容:学习和使用Vuex。

正文:

Vuex

一、认识Vuex

 

二、

以上是关于浅谈vue使用vuex的主要内容,如果未能解决你的问题,请参考以下文章

Vue 初体验

vue中vuex的使用, vuex使用模块化自动引入modules

浅谈Vue个性化dashBoard 布局

浅谈vue.js

初识vue

VEUX开发者工具的使用-getters使用