我仍在学习 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/