vuex随记

1.下载vue

2.引入封装

import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'Vue.use(Vuex)const modulesFiles = require.context('./modules', true, /\.js$/)const modules = modulesFiles.keys().reduce((modules, modulePath) => {// set './app.js' => 'app'const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')const value = modulesFiles(modulePath)modules[moduleName] = value.defaultreturn modules
}, {})const store = new Vuex.Store({modules,getters
})export default store

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

3.挂载在main.js

在这里插入图片描述

方式一:异步方法actions内提交异步

methods: {setBaseData() {if (this.userInfo.schoolId) this.$store.dispatch('base/queBaseData', this.userInfo)}}

在这里插入图片描述

2.调用异步存值

在这里插入图片描述

在这里插入图片描述

方式二:commit同步存值

在这里插入图片描述
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/403720.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

VLC源码分析总结

From: http://blog.csdn.net/lvmaker/article/details/8785936 1. 概述 VLC属于Video LAN开源项目组织中的一款全开源的流媒体服务器和多媒体播放器。作为流媒体服务器,VLC跨平台,支持多操作系统和计算机体系结构;作为多媒体播放…

android super this区别

参考http://blog.163.com/qq3076169126/blog/static/1717240672012620111028892/ 为什么要使用this,简单讲,就是方法中的某个形参与当前对象的某个成员有相同的名字,为了区别而使用“this.成员”。 例: public class DemoThis { p…

接口报Provisional headers are shown原因和解决方法

1.前端访问后端接口报has been blocked by CORS policy: Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight response. 2.原因:可能是你的接口请求头没有设置token

Android开发用到的几种常用设计模式浅谈(一):组合模式

1:应用场景 Android中对组合模式的应用,可谓是泛滥成粥,随处可见,那就是View和ViewGroup类的使用。在android UI设计,几乎所有的widget和布局类都依靠这两个类。组合模式,Composite Pattern,是一…

【Linux】FTP文件下载

代码来源于网络,记录下,方便日后使用(适用于Linux平台) /*使用FTP协议获取服务器上的文件(Passive方式)1 在客户端创建一个SOCK_STREAM类型的套接字,并与FTP服务器端的21号命令端口连接(因为FTP服务器的21号端口在侦听&#xff0…

分页存储过程

View Code --------------------------------------用途:支持任意排序的分页存储过程 --说明:------------------------------------CREATE PROCEDURE [dbo].[UP_GetRecordByPageOrder]tblName varchar(255), -- 表名 fldName varchar(255), -- 显示…

vuex的使用和封装

一、Vuex基本使用 1.下载vuex依赖 npm install vuex --save2.在src/store/index.js下引入使用 import Vue from vue import Vuex from vuexVue.use(Vuex)export default new Vuex.Store({state: {},mutations: {},actions: {},modules: {} })3.在main.js内,将stor…

Nginx下配置小绿锁https

我用的是阿里云服务器,centos7.2的操作系统,服务器类型:nginx/1.12.1 这是github上的官方配置https://github.com/Neilpang/acme.sh/wiki/%E8%AF%B4%E6%98%8E 刚开始配置的时候也遇到了很多坑,假设你已经配置好了服务器等需要准备…

win7 删除Windows服务的方法

From: http://www.jb51.net/os/windows/25090.html 一、什么是Windows服务    Windows服务也称为Windows Service,它是Windows操作系统和Windows网络的基础,属于系统核心的一部分,它支持着整个Windows的各种操作。诸如DNS客户端、打印程序、…

hadoop-hbase-spark单机版安装

0 需要开放的外网端口 50070,8088,60010 ,7077 1 设置ssh免密码登录 ssh-keygen -t dsa -P -f ~/.ssh/id_dsa cat ~/.ssh/id_dsa.pub >> ~/.ssh/authorized_keys chmod 0600 ~/.ssh/authorized_keys 2 解压安装包 tar -zxvf /usr/jxx/…

最长单调子序列及计数(poj1952)

被这个问题困住了,就像憋了一泡屎,但是便秘了,不往下说了,你懂的。 在网上查了各种资料,各种文章,其实大家说的都差不多,无非是枚举、求该序列和它的排序后的序列的最大公共子序列、动态规划、基…

ACM学习历程—51NOD 1685 第K大区间2(二分 树状数组 中位数)

http://www.51nod.com/contest/problem.html#!problemId1685 这是这次BSG白山极客挑战赛的E题。 这题可以二分答案t。 关键在于,对于一个t,如何判断它是否能成为第k大。 将序列中大于t的置为1,小于t的置为-1,等于t的置为0。那么区…

vue项目请求封装;axios封装使用

vue项目,封装axios请求方式和响应状态码;以及接口的api封装; 目录结构: 1.具体在src/utils/request.js下封装axios: ①引入axios和router ②引入element-ui是为了用提示组件 和加载组件(可选择去掉&#…

【Bash】实现指定目录下的文件编码转换,以原文件名保存

文件名: encodeExchange.sh Linux版本: #!/bin/bashfEncodeUTF-8 tEncodeGBK#fEncodeGBK #tEncodeUTF-8files"Classes/*"# convert files encoding from GBK->UTF-8 or UTF-8->GBK convertFileEncode() {if [ $# -lt 3 ]; thenecho "Usage: …

linux下恢复误删文件

linux下文件实际上是一个指向inode的链接, inode链接包含了文件的所有属性, 比如权限和所有者, 数据块地址(文件存储在磁盘的这些数据块中). 当你删除(rm)一个文件, 实际删除了指向inode的链接, 并没有删除inode的内容. 进程可能还在使用. 只有当inode的所有链接完全移去, 然后…

mysql中的boolean tinyint

由于mysql 里没boolean;tinyint为 数据类型 ,so 当存入true时,自动转换成1 ;

顺序查找(Sequential Search)

1、定义 顺序查找又叫线性查找,是最基本的查找技术。 2、基本思想 从表的一端开始(第一个或最后一个记录),顺序扫描线性表,依次将扫描到的结点关键宇和给定值K相比较。若当前扫描到的结点关键字与K相等,则查…

简单的封装axios 不包含状态码和提示

复杂封装,包含提示和状态码的,点击这里查看 以下是简单封装axios的request.js文件: import axios from axios import router from ./../router import { Message } from element-ui// 设置axios全局默认的BASE-URL, 只要设置了全…

精确记录和恢复ListView滑动位置

工作中遇到一个需求,对ListView某一项操作后刷新ListView,但是如果直接刷新,界面上ListView从第一列开始显示,用户体验不好,于是在网上搜了一些恢复LIstView滑动位置的方法。解决办法如下: //给ListView设置…

时间戳倒计时

var defaultTimeStamp Math.floor(Date.now()/1000);var dayA defaultTimeStamp % (24 * 3600) //除去天数,得到剩余的小时时间戳var hourA dayA % (3600) //除去小时,得到剩余的分钟数时间戳var minuteA hourA % (60) …