vue vue-socket.io 模块

原创 2016年08月28日 16:05:10

vue 项目中使用socket  开发消息提醒。

消息服务器端 用node   socket.io 开发。

vue 使用vue-socket.io开发

地址:https://github.com/MetinSeylan/Vue-Socket.io

配置:

需要注意的是链接方式是http 因为socket.io 支持的是http 

如果用浏览器原型的websocket 链接就是ws 那么 服务端就不能用socket.io了

var VueSocketio=require('vue-socket.io');
Vue.use(VueSocketio, 'http://localhost:8007');

配置好后组件内可以直接使用了。

module.exports={
	data:function(){
		return {
			
		}
	},route:{
		activate:function(){
		
		}
	},sockets: {
        connect: function(){
          console.log('socket connected')
        }
    }
}

监听事件都放在sockets对象 下,

发送emit用:this.$scoket.emit(key,val)


vue中使用vue-socket.io

vue-socket.io的使用参照vue-socket.io的git地址说明文档进行安装npm install vue-socket.io在app.js中注册import VueSocketio f...
  • a8725585
  • a8725585
  • 2017年06月23日 17:48
  • 7378

Vue全家桶+Socket.io+Express/Koa2打造网页版手机QQ

Vue全家桶+Socket.io+Express/Koa2打造的网页版手机QQ(web app),高仿手机QQ7.1.0版本 预览 在线预览地址:http://lenshen.com:8080/ ...
  • zls986992484
  • zls986992484
  • 2017年07月29日 23:25
  • 1562

Socket.io

前言实在是不知道标题怎么拟定名字了,最近的项目需要用socket前端接收消息,知道Node无所不能,也听过socket.io的大名,于是开始测试如何使用它。 再吐槽一句最近成都好热,一直想学很多东西...
  • sinat_25127047
  • sinat_25127047
  • 2016年08月25日 16:53
  • 778

vue 如何使用websocket

vue 如何使用websocket
  • niyuelin1990
  • niyuelin1990
  • 2017年09月22日 13:49
  • 5174

socket + vue + canvas实践,你画我猜(一)

正式项目未开始,先先自己练手,做一个你画我猜小游戏,先上一个不完善的dome在线地址 http://www.5rgame.com 1.node; 安装socket,启动服务var io = requ...
  • huaxiongbiao
  • huaxiongbiao
  • 2017年04月14日 16:44
  • 2906

Socket IO模型介绍

  • 2010年08月20日 09:42
  • 65KB
  • 下载

vue+websocket+express+mongodb实战项目(实时聊天)(一)

继上一个项目用vuejs仿网易云音乐(实现听歌以及搜索功能)后,发现上一个项目单纯用vue的model管理十分混乱,然后我去看了看vuex,打算做一个项目练练手,又不想做一个重复的项目,这次我就放弃颜...
  • blueblueskyhua
  • blueblueskyhua
  • 2017年04月26日 16:30
  • 11011

解决mac下yarn安装vue-socket.io / node-gyp 出现uws且卡住的问题

症状用yarn安装vue-socket.io和node-gyp有时候会卡住.这个时候,npm -g install node-gyp也十有八九会卡住.全局科学上网之后仍无作用.实测解决办法建议使用淘宝...
  • lanadeus
  • lanadeus
  • 2017年12月23日 22:00
  • 103

Vue UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例

element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 iview ★5801 - 基于 Vuejs 的...
  • bysjlwdx
  • bysjlwdx
  • 2017年12月27日 10:39
  • 411

vue 项目使用经验

1、路由组件上请求的绑定     一般从一个路由跳转到并一个,这种都绑定在route activate 方法上。 如果路由有参数:id 当在路由上直接修改参数回车?发现内容并未改变。再回车就刷新页面了...
  • starwmx520
  • starwmx520
  • 2016年09月01日 17:54
  • 3152
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:vue vue-socket.io 模块
举报原因:
原因补充:

(最多只允许输入30个字)