如何使用 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 的方法，渲染一个存储在变量中的模板，然后从 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()}}');