vuex调用接口

1、安装vue、vuex在main.js中引入

import Vue from 'vue'
import store from './vuex'
import server from './server'
2、server中文件adapter.js
import Axios from "axios";
getServerList() {
class Processor { constructor(result) { return result } }; return new Promise((resolve, reject) => {
const prm = this.request("/getServerList.json")
prm.then((result) => {
resolve(new Processor(result))
})
prm.catch((result) => {
reject(new Processor(result))
})
})
}
3、vuex中文件app.store.js
import adapter from '../server/adapter.js'
export default {
state: {
serverList:null,
}
mutations: {     
serverList(state, param) {
state.serverList = param
},
}    
    actions: {     
reServerList(context) {   
const prm = adapter.getServerList()
prm.then(
(result) => {
context.commit('serverList', result.getBody())
}
)
prm.catch(
(result) => {
context.commit('serverList', result.getBody())
}
)
},
}
getters: {    
serverList(state) {
class ServerList {
constructor(param) {
this.serverList = param
}
}
return new ServerList(state.serverList)
},
}
}

转载于:https://www.cnblogs.com/lingshan168/p/9283542.html

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

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

相关文章

传感器的未来: 10年后我们将会生活在一个极端透明的世界

来源:大数据文摘作者:彼得戴曼迪斯2014年,在芬兰的一个传染病实验室里,卫生研究员佩特里拉特拉(Petteri Lahtela)发现了一件奇怪的事情,他突然意识到他所研究的很多问题的条件都存在着重叠。例如…

MySQL小问题:导入employee测试数据

在cmd窗口下输入&#xff1a;mysql -u root -p -t < employees.sql 会产生Unknown system variable storage_engine这个错误 解决方法&#xff1a; 在employees.sql文件中 把第38行的set storage_engine InnoDB; 改为 set default_storage_engine InnoDB; 把第44行…

企业计算机服务器中了babyk勒索病毒怎么办,babyk勒索病毒解密数据恢复

在数字化的今天&#xff0c;网络安全威胁不断增加&#xff0c;给企业的生产生活带来了严重影响&#xff0c;使得企业不得不重视数据安全问题。近日&#xff0c;云天数据恢复中心接到企业求助&#xff0c;企业的计算机服务器中了babyk勒索病毒&#xff0c;导致企业所有计算机系统…

java yied的用法,Java多线程的wait(),notify(),notifyAll()、sleep()和yield()方法使用详解,...

Java多线程的wait()&#xff0c;notify()&#xff0c;notifyAll()、sleep()和yield()方法使用详解&#xff0c;Java多线程中的wait()&#xff0c;notify()&#xff0c;notifyAll()、sleep()和yield()方法我们先从一个案例开始&#xff1a;static public class WaitingTest {//s…

ubuntu-server-18.04 设置开机启动脚本

ubuntu-16.10 开始不再使用initd管理系统&#xff0c;改用systemd systemd is now used for user sessions. System sessions had already been provided by systemd in previous Ubuntu releases. 快速看了 systemd 的使用方法&#xff0c;发现改动有点大&#xff0c; 包括用 …

海马体启发的记忆模型

来源&#xff1a;混沌巡洋舰 记忆是人类智能的关键&#xff0c;我们因为记忆可以把过去和当下整合成为一体&#xff0c; 并且可以预测未来。记忆不仅是一个信息承载的工具&#xff0c; 更是世界模型的本体&#xff0c; 它无时无刻不在刻画未来&#xff0c; 也被当下影响&#…

Leetcode--239. 滑动窗口最大值

给定一个数组 nums&#xff0c;有一个大小为 k 的滑动窗口从数组的最左侧移动到数组的最右侧。你只可以看到在滑动窗口内的 k 个数字。滑动窗口每次只向右移动一位。 返回滑动窗口中的最大值。 示例: 输入: nums [1,3,-1,-3,5,3,6,7], 和 k 3 输出: [3,3,5,5,6,7] 解释: …

java中build是什么意思,Java中的Stream.Builder build()

Stream.Builder类的build()方法将构建流&#xff0c;并将此构建器转换为已构建状态。语法如下-Stream build()以下是实现Stream.Builder类的build()方法的示例-示例import java.util.stream.Stream;public class Demo {public static void main(String[] args) {Stream.Builder…

设置build.gradle打包时自动加时间

在build.gradle中添加以下函数&#xff1a; def releaseTime() {return new Date().format("yyyyMMddHHmm", TimeZone.getTimeZone("GMT08:00")) }引用这个函数&#xff1a; def fileName "SecyrityPassDemo_${defaultConfig.versionName}_${release…

Leetcode--283. 移动零

给定一个数组 nums&#xff0c;编写一个函数将所有 0 移动到数组的末尾&#xff0c;同时保持非零元素的相对顺序。 示例: 输入: [0,1,0,3,12] 输出: [1,3,12,0,0] 说明: 必须在原数组上操作&#xff0c;不能拷贝额外的数组。 尽量减少操作次数。 class Solution { publ…

DeepMind最新发现!神经网络的性能竟然优于神经符号模型

来源&#xff1a;深度学习这小事按照之前的常识&#xff0c;结合了算法和符号推理技术的神经符号模型&#xff08;Neurosymbolic Models&#xff09;&#xff0c;会比神经网络更适合于预测和解释任务&#xff0c;此外&#xff0c;神经符号模型在反事实方面表现更好。而Neural-S…

php搜索间隔,php – 如何查找超过2个用户的匹配时间间隔

要查找user1和user2都是免费的,请尝试以下操作&#xff1a;selecta.datetime_start as user1start,a.datetime_end as user1end,b.datetime_start as user2start,b.datetime_end as user2end,case when a.datetime_start > b.datetime_start then a.datetime_startelse b.da…

AJAS

发送HTTP 接收服务器数据转载于:https://www.cnblogs.com/chenliuxiao/p/9288046.html

刚刚Sci-Hub和特朗普一样被永久封禁,Twitter官方:不得上诉

来源&#xff1a;量子位晓查 发自 凹非寺 公众号&#xff1a;QbitAI今天&#xff0c;Twitter官方宣布永久封禁特朗普的账号。而另一个账号的封禁恐怕更让科学界感到震惊。有用户发现&#xff0c;Sci-Hub的Twitter账号和特朗普一样&#xff0c;都被完全清空了。随后&#xff0c;…

php文件锁 阻塞区别,php文件锁阻塞模式和非阻塞模式

1、阻塞模式(如果其它进程已经加锁文件&#xff0c;当前进程会等其它进程解锁后继续执行)$handle fopen(‘lock.txt‘, ‘r‘);//锁定if(flock($handle,LOCK_EX)){//to do something//解锁flock($handle, LOCK_UN);}//关闭文件fclose($handle);?>2、非阻塞模式(如果其它进…

javaweb简要介绍,虚拟路径,虚拟主机

1. 静态&#xff0c;动态&#xff1a;是否随时间&#xff0c;地点&#xff0c;用户操作的改变而改变 动态网页 需要使用到 服务端脚本语言(JSP) 2. 架构&#xff1a; CS: Client Server eg&#xff1a;qq&#xff0c;微信&#xff0c;cs游戏 不足&#xff1a; 1.如果软…

c#之using关键字

1、using可以引入命名空间&#xff1b; 2、在using语句里声明的变量&#xff0c;使用完后会自动调用Dispose方法&#xff08;实现IDisposable接口&#xff09;。 using 语句允许程序员指定使用资源的对象应当何时释放资源。using 语句中使用的对象必须实现 IDisposable 接口。此…

物理学中的不确定性

来源&#xff1a;人机与认知实验室吴骏&#xff08;香港中文大学通识教育基础课程讲师&#xff09;【物理研究的只是模型&#xff0c;而不是真理】物理学中的确定性问题缘起于我正在教授的《与自然对话》[1] 这门课。其中节选了詹姆士华生 (James Watson) 在2003年写的一本畅销…

php链接javascript,javascript - 添加类=“行为链接”到活动页面 - PHP或JS - SO中文参考 - www.soinside.com...

我在HTML页面简单的代码&#xff1a;HomeUsersContact注&#xff1a;(在配置文件中)BASE_URL <?php define(BASE_URL, http://localhost); ?>BASE_MEMBERS <?php define(BASE_MEMBERS, BASE_URL . /members/); ?>现在&#xff0c;我需要什么&#xff1f;上课…

JSP执行流程

第一次访问&#xff1a;服务端将jsp翻译成java&#xff0c;再将Java编译成class文件 第二次访问&#xff1a;直接访问class文件较快&#xff0c;所以第一次访问比较慢&#xff0c;以后就快了 &#xff08;如果服务器代码修改了&#xff0c;则需要重新进行翻译&#xff0c;编译…