草庐IT

vue-socket

全部标签

javascript - 在 expressjs 路由中使用 socket.io 而不是在主 server.js 文件中

我有express/nodejsapi。我正在向它添加socket.io功能。目前我所有的路由都在单独的文件夹中,我将它们包含在server.js文件中并将它们用作app.use()函数。在server.js文件中,我还通过监听特定端口(例如3000,如下所示)来启动express服务器。letserver=app.listen(3000);根据所有谷歌搜索,我发现我需要传递服务器变量来初始化socket.io,如下所示。letio=require('socket.io')(server);现在的问题是,既然它需要这个变量,那么我如何在不同文件夹中的路由文件中使用socket.io来发

javascript - Socket.io 1.0 + express 4.2 = 无套接字连接

如标题所述,我正在尝试将socket.io1.0.4与express4.2一起使用,所有/?EIO请求都返回404。下面是我的文件:./bin/www:#!/usr/bin/envnodevardebug=require('debug')('generated-express-app');varapp=require('../app');app.set('port',process.env.PORT||3000);varserver=app.listen(app.get('port'),function(){debug('Expressserverlisteningonport'+se

javascript - 为什么 Vue.js 使用 VDOM?

AccordingtoVue.js'documentation,它在底层使用VDOM来呈现UI。据我了解,VDOM的发明主要是为了避免“跟踪依赖”。使用VDOM,可以在不知道到底发生了什么变化的情况下协调应用程序的更大部分。因此,可以使用普通对象和数组来描述View,只需要通知框架有关更改(如React中的setState)。然后,比较两个VDOM树并将所需的最小更改集应用到真实的DOM。另一方面,Vue.js使用跟踪依赖项。它确切地知道发生了什么变化,因此可以使用DOM绑定(bind)。此外,由于大多数Vue.js用户已经在使用模板语言,因此它并没有真正受益于VDOM提供的更大灵ac

javascript - 使用 React 或 Vue 增强多页面应用程序的某些部分

我正在服务器端使用java&hibernate&springmvc开发企业应用程序并使用jquery在客户端(不是SPA)。现在在搜索页面中,我使用ajax并仅获得json响应,但我不想在每个搜索或分页请求中都写如下内容。function(ajaxData){....$('#search').html(''+''+''+''+ajaxData.title+''+......''+'')....}我认为使用jsx和react或vuecomponent只是在这个页面刷新结果。我还想重用一些htmlblock,我认为使用react或vue会很容易我曾经构建过一个小的SPA项目,它都是关于np

javascript - 使用 Vue.js 的异步/等待 axios 调用

我在设置其中一个时遇到了一些麻烦。我的Vue.js应用程序中的值。我相信我要么没有正确理解异步axios调用,要么没有理解异步在Vue.js中的工作方式。我有以下三种方法:updateAvailability(availability){if(availability==true){this.showYourDetails();}else{this.showBookingDetails();}},checkAvailability:asyncfunction(event){event.preventDefault();constavailability=awaitthis.handle

javascript - Vue 子组件属性不起作用

我正在尝试破解此代码[A](请参阅底部的fiddle):{{file.__progress}}%进入[B]基本相同的代码,但随后带有一个子组件。这里是父级:这里是child:{{file.__progress}}%在child身上我设置了file属性:props:{file:{type:File,required:true}},父子代码中一定存在问题,因为file__img属性在[B]中的子项(渲染时)中不存在,请参阅:,而它确实存在于[A]中:怎么了?控制台没有错误。原始([A])代码来自here.FileObject由一个xhr实例组成(我想?!)。这里是[A]的fiddle/沙盒

javascript - 与其他模块共享 socket.io 会给出空对象

我正在尝试在不同的node.js模块中共享socket.io的套接字对象,尽管我失败了并且得到了空对象Cannotcallmethod'on'ofundefined我的代码:app.jsvarexpress=require('express'),app=express();varserver=require('http').createServer(app),io=require('socket.io').listen(server)varroutes=require('./routes'),path=require('path'),rss=require('./routes/rss'

javascript - Socket.io:使用套接字 ID 检查连接状态

我有一个连接的套接字ID。我可以在另一个连接的函数处理程序中获取该连接的状态吗?像这样:io.sockets.on('connection',function(socket){/*havingthesocketidof*another*connection,Ican*checkitsstatushere.*/io.sockets[other_socket_id].status}有办法吗? 最佳答案 对于高于1.0的版本,请查看KaranKapoor的回答。对于旧版本,您可以使用io.sockets.sockets[a_socket_

javascript - 如何在同一个应用程序中使用 2 个具有不同 baseURL 的 Axios 实例 (vue.js)

我正在尝试学习vue.js,所以我制作了一个小应用程序来显示来自API的新闻文章,并在另一个View中允许用户登录到另一个服务器。为此,我使用Axios。我知道我在某些时候让它工作得很好,但今天开始我的项目时,让两个api同时工作是不可能的。这是我的登录服务:importaxiosTrainingAPIfrom'axios'axiosTrainingAPI.defaults.baseURL='https://api.example.com'consttrainingAPI={login(credentials){returnnewPromise((resolve,reject)=>{a

javascript - 在过滤器方法中访问 vue 实例/数据

我正在尝试像这样访问过滤器函数内的vue实例数据。JS:-newVue({data:{amount:10,exchangeRate:50},el:"#app",filters:{currency:function(amount){console.log(this);//returnamount*this.exchangeRate;returnamount*50;}}})HTML:{{amount|currency}}我的目标是使用returnamount*this.exchangeRate;但是this等于window这里。我怎样才能做到这一点?谢谢。jsfiddle