node.js - 将数据从 Node-Express 后端传递到 Vue 组件

标签 node.js mongodb express vue.js vuejs2

我仍在学习 Vue.js 2,所以如果这个问题有点愚蠢,我深表歉意。我正在使用 MongoDB、Node、Express 和 Vue 构建一个应用程序。通常我会使用模板引擎,例如 Ejs,通过 Express 的 res.render 方法传递的数据可以在模板中轻松捕获。

是否有类似的方法将数据从后端传递到根 Vue 组件?例如,通常,get请求从Mongodb获取一些数据,express将渲染模板文件并将数据传递给它。

app.get("/gallery/:id", function(res, req) {

var id = req.params.id;

database.findById(id, function(err, data) {
....
res.render("home", data);

}
}); 

现在我的根 Vue 应用程序已附加到 html 文件。我希望能够使用从数据库返回的数据动态渲染应用程序。

我之前已经构建了一个应用程序,它从 api 传输数据并通过套接字将其传递到我的 Vue 组件,但我觉得在这种情况下使用套接字是不必要的。

最佳答案

使用http。有什么问题?你可以使用XmlHttp,或者很多人似乎都在使用Axios。在页面加载时触发调用,或使用 vue 生命周期 Hook 之一。非常好的 vue 文档没有太多关于如何以及何时执行此操作的说明。我们在页面的onload中进行,当页面数据的请求返回时我们实例化vue。

关于node.js - 将数据从 Node-Express 后端传递到 Vue 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45954112/

相关文章:

javascript - 如何查看在 Zeit Docker/Node 容器中创建的文件

c# - 如何在聚合中使用 $project 将字符串转换为 mongoDb 中的数字?

mongodb - Mongoose:如何引用单独文件中的嵌套架构?

node.js - 如何在没有硬编码的情况下在 Expressjs 中设置虚拟主机?

node.js - 如何判断发送的消息是否是作者的第一条消息?

javascript - 尽管有多个错误,但 AJV 只返回一个错误

javascript - Node.js + Mongoose.js 如何获取一个月或一周的订单总数?

javascript - 多个数据库查询以 json 对象形式返回。更清洁的方法?

javascript - 在 Express-JS 中将 example.com 路由到静态文件,但将 example.com/anything 路由到其他文件

javascript - 是否可以在 next.js api 中运行 Mongoose?