javascript - 如何在 NodeJS 和 Vuejs 中显示主页上的帖子总数

Question

我想显示我的网络应用程序上可用的帖子总数，但我不知道在哪里以及如何执行此操作。我正在使用 MongoDB、node js 和 vue js。这是nodejs代码

posts.route("/").get(function(req, res) {
  Post.find(function(err, posts) {
    if (err) {
      res.json(err);
    } else {
      res.json(posts);
    }
  });
});

VueJS代码

  export default {
      data() {
        return {
          posts: [],
        }
      },
      methods: {
        like() {
          title: 'You Just Liked This Post'
          show: true
        }
      },
      mounted() {
        axios
  .get('http://localhost:5000/posts')
  .then(response => (this.posts = response.data))
    }
  }

Answer 1

由于 posts 是收到响应后的帖子数组，因此您可以使用 javascript Array.length 属性显示帖子数量。

在 Vue 中，您可以使用 {{ posts.length }} 直接在 HTML 模板中渲染它，或者如果您想循环遍历它们并实际显示帖子，请使用 v- for 指令