动态字符串编译

Question

有没有一种简单的方法来进行一次性模板字符串编译/单向数据绑定？我不需要动态组件，只需要处理模板字符串的东西，比如My name is {{person.name}}，并绑定一个提供的上下文，比如{name: 'John'}。

Answer 1

如果您使用babeljs或类似的(或特定的browsers)，则可以使用Template literals，如下所示：

​

var person = { name: 'john' };
var result = `My name is ${person.name}`;

console.log(result);

​

如果没有，您可以使用如下所示的正则表达式：

​

var person = { name: 'john' };
var result = 'My name is {{person.name}}'.replace(/{{?.*}}/, function(a) {
  return eval(a);
});

console.log(result);

​

当然，这是一个虚拟的演示，但这是主体。