Javascript Vue-变量内部插值

Javascript Vue-变量内部插值,javascript,vue.js,vuejs2,vue-component,Javascript,Vue.js,Vuejs2,Vue Component,我有一个问题: 如何将变量放入插值中 例如: <template> <span>{{item.VARIABLE.name}}</span> </template> <script> let VARIABLE = 'somenthing' </script> 我的项目名称来自JSON,我需要在中间放置一个变量。 AS @伯特在第一个评论中说,您可以使用item [Value.Name Access风格]访问。 如果不

我有一个问题:

如何将变量放入插值中

例如:

<template>

<span>{{item.VARIABLE.name}}</span>

</template>


<script>
let VARIABLE = 'somenthing'
</script>

我的项目名称来自JSON,我需要在中间放置一个变量。

AS @伯特在第一个评论中说,您可以使用item [Value.Name Access风格]访问。 如果不清楚,则必须在Vue的数据中定义该变量,否则Vue将无法看到该变量,访问将产生错误

所以基本上:

{{ item[place].name }} // Pete
如果您的Vue数据看起来像:

data: {
  item: {
    a: {
      name: "Pete"
    }
  },
  place: "a"
} 
项[变量]。名称