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+websocket+express+mongodb实战项目(实时聊天)(一)

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

Socket.io

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

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

原项目地址:http://blog.csdn.net/blueblueskyhua/article/details/70807847github地址: https://github.com/hua19...

vue中使用vue-socket.io

vue-socket.io的使用参照vue-socket.io的git地址说明文档进行安装npm install vue-socket.io在app.js中注册import VueSocketio f...

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

Vue全家桶+Socket.io+Express/Koa2打造的网页版手机QQ(web app),高仿手机QQ7.1.0版本 预览 在线预览地址:http://lenshen.com:8080/ ...

spring+websocket整合(springMVC+spring+MyBatis即SSM框架和websocket技术的整合)

纠结了两天的

vue开发环境搭建Mac版

一、前言 因工作缘故,需要做一个移动端app,面对2016下半年至今webapp最流行的三个技术React,angular,vue,三选一,如何先,经过前期的技术选型,最后决定使用vue。具体查看本...

Vue2.0 新手入门 — 从环境搭建到发布

Vue 2.0 兼容了绝大部分的 1.0 模板语法,仅废弃掉了其中的一小部分。这些模板在背后被编译成了 Virtual DOM 渲染函数,但是如果用户需要更复杂的 JavaScript,也可以选择在其...

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

边学边做,你画我猜游戏的基本功能已经实现了,上个图。在线访问http://www.5rgame.com从本地开发到部署到服务器上,了解了很多以前没有涉及过的知识,有Linux,nginx,项目还在完善...

Vue2.0 新手完全填坑攻略——从环境搭建到发布

Demo 地址: http://demo.jinkey.io/vue2 源码: https://github.com/Jinkeycode/vue2-example 什么是 Vue Vu...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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