Question

我正在研究NodeJS环境，在这里我真的很困惑。

我在项目中使用的是Node + Express + Pug（以前的Jade）。

我有一个绑定对象列表并呈现视图的控制器，例如：

router.get('/', (req, res) => {

    let items = ItemsService.getAllItems();

    res.render('index', {
        title: 'Queue',
        items
    });
});

然后在我看来，我使用pug渲染它，就像：

each i in items
    h3= i.name
    h4= i.qnt

现在，我在此视图中打开了一个套接字（使用socket.io），每次有人将新项目添加到我的列表时，它都会收到来自服务器的更新，并且应将此项目添加到列表的顶部。我现在的操作方式是在前端使用Javascript来操作DOM，但是我想知道Pug是否可以以一种方式将我添加到items数组中来帮助我，并且它将呈现给我（很像现代的javascript库，甚至是胡须）。有可能吗？

我了解页面的首次呈现是在服务器中完成的，就像PHP或ASP一样（对吗？），但是如何在前端使用Pug来帮助解决此问题？

我已经搜索并发现了很多指向很多方向的东西，将帕格与Mustache / Vue / etc等进行了比较。所以我决定要求一次正确的方向。非常感谢！

使用Pug在前端进行数据绑定渲染

0 个答案: