Fatal编程技术网
  • javascript/
  • Javascript vue视图中的变量范围

Javascript vue视图中的变量范围

javascript vue.js

Javascript vue视图中的变量范围,javascript,vue.js,Javascript,Vue.js,如何在Vue中实现以下内容？Psuedo代码： <div v-context="getPerson(id)"> <p>Name: {{ $data.name }}</p> <p>Age: {{ $data.age }}</p> </div> 名称：{{$data.Name} 年龄：{{$data.Age} 看起来您正在返回一个对象，因此您可以实际使用该方法并使用v-for进行迭代，如下所示： <div&

如何在Vue中实现以下内容？Psuedo代码：

<div v-context="getPerson(id)">
   <p>Name: {{ $data.name }}</p>
   <p>Age: {{ $data.age }}</p>
</div>


名称：{{$data.Name}

年龄：{{$data.Age}
看起来您正在返回一个对象，因此您可以实际使用该方法并使用
v-for
进行迭代，如下所示：

<div>
   <p v-for=" (val, key) in getPerson(id)">{{key}}: {{val}}</p>
</div>



{{key}:{{val}
文档中有更多信息：

我要找的是一个范围变量。有可能实现吗？你可以像
getPerson（id）.name
或
getPerson（id）.age
为什么不创建一个新的组件“Person”并将“Person”作为道具传递？@M.Suurland是的，但是我可以用
模板
标记或其他东西来实现吗？或者我必须创建一个
person.vue
？Ye，类似这样的内容：，接下来创建一个person.vue并在此处访问姓名和年龄。现成的vue不支持变量范围。也许有一种方法你可以用一个。