如何使用 Vue.js 在变量中呈现模板？

Question

在mustache.js, templates can be passed as an argument of Mustache.render() as follows:

var view = {
  title: "Joe",
  calc: function () {
    return 2 + 4;
  }
};

var output = Mustache.render("{{title}} spends {{calc}}", view);

我正在寻找一种以这种方式使用 Vue.js 的方法，呈现存储在变量中的模板，然后 return 从 render function of jQuery DataTables 呈现 HTML , 没有操纵 DOM.

我可以用 Vue.js 实现吗？如果我不能，我应该使用 mustache.js 来实现它而不是 Vue.js 吗？也将不胜感激任何更好的建议。

Answer 1

您可以用类似这样的方式近似 Mustache 行为：

var view = new Vue({
    data: {
        title: 'Joe'
    },
    methods: {
      calc: function () {
        return 2 + 4;
      }    
    }
})

var output = view.$interpolate('{{title}} spends {{calc()}}');

如何使用 Vue.js 在变量中呈现模板？

How can I render template in a variable with Vue.js?

javascript

jquery

datatables

template-engine

vue.js