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

Question

我仍在学习 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 组件，但我觉得在这种情况下使用套接字是不必要的。

Answer 1

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