从Vue脚本中获取Pug/Jade mixin参数

Question

能否将mixin参数绑定到vue实例？

我有一个用于渲染表格的mixin：

mixin table(header,data,type)
- var type = type || ""
table.table(class=type)
    thead
        tr
            each head, i in header
                th #{head}
    tbody
        each row,j in data
            tr
                each col,k in row
                    td #{col}

这可以像这样正常使用：

+table-striped(["#","First Name","Last Name","Username"],[["1","Mark","Otto","@mdo"],["2","Jacob","Thornton","@fat"],["3","Larry","the Bird","@twitter"]])

我的问题是是否可以从Vue实例中获取mixin的'header'和'data'参数。

- Tomás Ferreira

Answer 1

我觉得你把服务端渲染（Pug 所做的）和客户端渲染（Vue.js 通常用于实现的）搞混了。在 HTML 创建之后，你无法动态“调用” mixin，因为这需要 Pug 渲染器在后台运行并监听此类请求。请参见官方 Pug 存储库上相关 Github 问题的此评论。

但是，您仍然可以将 Vue.js 与 Pug 结合使用，只是不能以这种方式使用 mixin。而是考虑创建一个自定义的 Vue.js 组件，获取类似的输入，然后通过一些 JS-pug-variable 魔法注入所需数据。（参考链接）

- gandreadis

---

谢谢你的回答！实际上在尝试使用mixin之前我已经制作了自定义组件，只是想知道是否可能，但随着时间的推移，我意识到这并没有太多意义。 - Tomás Ferreira