美文网首页
vue-简单的消息队列

vue-简单的消息队列

作者: 不看盛景不叙深情 | 来源:发表于2018-08-16 18:18 被阅读0次

1.创建消息

var ManagedClientStatus = {

  historyMessage: [],

  curMessage: null

}

ManagedClientStatus.addMessage = function (clientObj, statusCode) {

  var curMessage = {

    client: clientObj,

    statusCode: statusCode,

    createAt: new Date()

}

  if (ManagedClientStatus.curMessage === null) {

    ManagedClientStatus.curMessage = curMessage

  } else {

    ManagedClientStatus.historyMessage.push(curMessage)

    setTimerPush()

}

}

var setTimerPush = function () {

  var setTimer1 = setInterval(function () {

    if (ManagedClientStatus.curMessage === null) {

      if (ManagedClientStatus.historyMessage.length > 0) {

        ManagedClientStatus.curMessage = ManagedClientStatus.historyMessage[0]

        ManagedClientStatus.historyMessage.splice(0,1)

      } else {

        clearInterval(setTimer1)

}

}

  }, 500)

export default ManagedClientStatus

2.发送消息

   (这个模块在vue中使用)

created: function(){

//vue中深度检测变量

watch: {

  curClientMessage: {

    handler(newName, oldName) {

      console.log('obj.a changed');

    },

    deep: true,

   immediate:true

  }

}

//js本身的检测对象内部变量的变化

var the = this

Object.defineProperty(ManagedClientStatus, 'curMessage', {

  get: function () {

    return the.curClientMessage

  },

  set: function (value) {

    the.curClientMessage = value

  }

})

3.输出

将this.curClientMessage 的值输出到消息展示模块

相关文章

  • vue-简单的消息队列

    1.创建消息 var ManagedClientStatus = { historyMessage: [], ...

  • RabbitMQ-简单队列

    简单队列 添加依赖 P:消息的生产者-->队列-->消费者 连接rabbitmq 发送消息 监听(接收消息) 简单...

  • 消息队列ActiveMQ的使用详解

    通过上一篇文章 《消息队列深入解析》,我们已经消息队列是什么、使用消息队列的好处以及常见消息队列的简单介绍。 这一...

  • 消息队列及整合rabbitmq

    1. 消息队列 简单理解就是存放消息的队列 优点 异步比如:利用消息队列,可以将请求存入队列即响应给用户,不用等到...

  • 消息队列和Kafka简介

    1、消息队列 简单地说,“消息队列”是在消息的传输过程中保存消息的容器。 1.1 简介 消息队列管理器在将消息从它...

  • 消息队列1:消息队列概述

    最近在看消息队列,找了好多资料。终于能够简单的理解了消息队列。 维基百科定义 消息队列(英语:Message qu...

  • redis消息队列的四种实现方式之List的简单队列和延时队列

    目录 《redis消息队列的四种实现方式之List的简单队列和延时队列》(本篇) 《redis消息队列的四种实现方...

  • 消息队列与RocketMq核心机制详解

    一、 消息队列 1.1 队列与消息队列 简单的来说,消息队列就是基于“先进先出的一种数据结构”,在开发中经常会用到...

  • MQ系列(0)——MQ简介

    mq简介 mq 就是消息队列(Message Queue)。想必大家对队列的数据结构已经很熟悉了,消息队列可以简单...

  • MassTransit & RabbitMq 实战开发指南

    一、什么是消息队列(MQ) 相比消息队列可能大家更熟悉队列这一种先进先出的数据结构,那消息队列就可以简单的理解为:...

网友评论

      本文标题:vue-简单的消息队列

      本文链接:https://www.haomeiwen.com/subject/hffvzttx.html