如何使用Vue.js在变量中渲染模板?

时间:2016-02-24 02:26:24

标签: javascript jquery datatables template-engine vue.js

在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吗?任何更好的方式的建议也将非常感激。

1 个答案:

答案 0 :(得分:2)

您可以通过以下方式估算Mustache行为:

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

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