从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'参数。

Answer 1

我认为您将服务器端呈现（这是Pug所做的）与客户端呈现（Vue.js通常用于完成）混淆在一起。你无法动态地呼叫＆＃39;创建HTML之后的mixins，因为这需要Pug渲染器在后台运行，监听这些请求。另请参阅关于官方Pug回购的相关Github问题的this comment。

但是，您仍然可以将Vue.js与Pug结合使用，但不是这样。不要使用mixin，而是考虑制作一个获得类似输入的自定义Vue.js组件，然后通过some JS-pug-variable magic注入所需数据。