Javascript JSX中具有作用域的Vuejs绑定变量

我基本上是在寻找这样的东西：

<div v-for="k in keys" :key="k">
 {{ k }}
 ...
   <div v-with:myvalue="functionOf(k)">
     {{ myvalue }}
   </div>
</div>

{{k}
...
{{myvalue}}

---

我不知道你会如何调用这样的东西，但我可以告诉你，我有类似的代码，这可能很方便。

你可以使用computed属性生成函数，将这些值转换成其他值

例如，假设您在这里有此代码

<div id="example">
  {{ message.split('').reverse().join('') }}
</div>

---

你到底想做什么？请问一个问题，这样我们可以帮助你。你的问题真的很难理解。你能澄清一下你想做什么吗？@Jalil我正在为“v-with”指令寻找类似的功能，这是虚构的-本质上是缓存一个变量的函数，v-for指令提供在相应的作用域上使用。当然，你也可以发送一些参数，比如你的K对象，在v-for中使用它，但是你不能在每个for循环迭代中动态地使用一个。你需要每个值有不同的行为吗？我需要一个统一的每个值的行为。请看原始问题片段。我知道计算属性可以做什么我修改了我的答案，添加了一个v-例如，这就是你需要的吗？过来看

<div id="example">
  <p>Original message: "{{ message }}"</p>
  <p>Computed reversed message: "{{ reversedMessage }}"</p> //computed function
</div>


var vm = new Vue({
  el: '#example',
  data: {
    message: 'Hello'
  },
  computed: {
    // a computed getter
    reversedMessage: function () {
      // `this` points to the vm instance
      return this.message.split('').reverse().join('')
    }
  }
})

<div v-for="k in keys" :key="k">
 {{ k }}
   <div>
     {{ reversedMessage(k) }}
   </div>
</div>


var vm = new Vue({
  el: '#example',
  computed: {
    // a computed getter
    reversedMessage(k){ //you receive the value for each k you have in keys
      return k.split('').reverse().join('')
    }
  }
})