在vuejs中渲染嵌套插值。通过插值渲染的字符串中的渲染插值

Question

我有一个从服务器传递过来的对象，以加载和构建路由（页面）。在这个对象中，我有一个数组，该数组将加载将要在适当页面上的所有内容-总之，这是一个动态页面构建器。因此在该数组中，我具有在其中具有vuejs语法的属性（字符串）。

即：def down remove_foreign_key :some_table, :skill_levels remove_column :skill_levels, :cooldown add_foreign_key :some_table, :skill_levels end

现在title: 'this is the title {{name}}'属性正在传递给路由组件并按原样加载，但它使用插值的双大括号和变量名进行呈现。该字符串包含插值{{name}}，我想对其进行评估并使用其实际值进行渲染，但是并没有这样做。

我正在尝试找出一种简单的方法来呈现标题以及其中的内插title值。

我尝试创建一种与花括号内传递的所有内容匹配的方法。但是我觉得这不是可伸缩的或理想的，因为页面构建器对象内的嵌套对象/数组中可能存在插值。

Answer 1

尝试使用JavaScript字符串插值，例如title: 'this is title ${title}'

重要提示：您必须使用反引号代替引号。

Mdn参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

哦，双花括号语法仅在模板中有效。对于所有其他地方（js），您只需要包含js变量。可能您必须使用this.title。