Javascript 如何在vue中呈现另一个变量中的变量?

Javascript 如何在vue中呈现另一个变量中的变量?,javascript,vue.js,Javascript,Vue.js,Vue是否可以在另一个变量中渲染变量,如果不能,我如何实现这一点 您可以使用 PS:这更像是一个javascript特性,可以根据对象中其他键的值生成一个值。不确定Vue是否在这方面提供了具体的服务 您可以使用计算属性makeSQL从${this.table}返回选择${this.columns.join(',')},其中1 LIMIT${this.LIMIT},这将给出相同的结果。最好使用计算变量。将查询变量移动到计算变量,如下所示 computed: { query() {

Vue是否可以在另一个变量中渲染变量,如果不能,我如何实现这一点



您可以使用

PS:这更像是一个javascript特性,可以根据对象中其他键的值生成一个值。不确定Vue是否在这方面提供了具体的服务


您可以使用计算属性makeSQL从${this.table}返回
选择${this.columns.join(',')},其中1 LIMIT${this.LIMIT}
,这将给出相同的结果。

最好使用计算变量。将查询变量移动到计算变量,如下所示

computed: {
    query() {
        return 'SELECT ' + this.SQL.columns.join(',') + 'FROM ' + this.SQL.table + ' WHERE 1 LIMIT ' + this.SQL.limit;
    },
    makeSQL() {
        return this.query;
    }
}

你可以查看这篇文章,文章解释如下:
data() {
  return {
    SQL: {
      columns: ["id", "status", "post"],
      table: "users",
      limit: 10,
      get query() {
         return `SELECT ${this.columns.join(',')} FROM ${this.table} WHERE 1 LIMIT ${this.limit}`
      }
    }
  }
},
computed: {
  makeSQL: {
    return this.SQL.query; // should return "SELECT id, status, post FROM users WHERE 1 LIMIT 10"
  }
},

computed: {
    query() {
        return 'SELECT ' + this.SQL.columns.join(',') + 'FROM ' + this.SQL.table + ' WHERE 1 LIMIT ' + this.SQL.limit;
    },
    makeSQL() {
        return this.query;
    }
}