动态字符串编译

Question

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

Answer 1

如果您使用babeljs或类似内容（或特定browsers），则可以使用Template literals，如下所示：

＆＃13;

＆＃13;

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

console.log(result);

＆＃13;

＆＃13;

＆＃13;

如果没有，你可以使用这样的正则表达式：

＆＃13;

＆＃13;

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

console.log(result);

＆＃13;

＆＃13;

＆＃13;

当然，它是虚拟演示，但这是校长。