Javascript 是<;匹配v-for=';在匹配中匹配';v-bind:match=';匹配'&燃气轮机</匹配>;不对?我可以在同一元素的v-bind中使用来自v-for的匹配吗?

Javascript 是<;匹配v-for=';在匹配中匹配';v-bind:match=';匹配'&燃气轮机</匹配>;不对?我可以在同一元素的v-bind中使用来自v-for的匹配吗?,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我试图为匹配中的每个匹配呈现一些HTML,但是,我不太确定是否确实正确 更具体地说,我不确定是否可以在与循环v-for='match in matches'相同的元素上使用v-bind:match='match'。中包含的信息是否匹配实际作为道具发送到组件?您所做的是正确的Vue语法,并且可以正常工作匹配作为组件匹配中的属性提供 但是,您可能需要重命名变量。这是一行代码,它已经开始令人困惑;-) 是的。 这是一个工作示例: Vue.component('match', { 道具:[“匹配”],

我试图为匹配中的每个匹配呈现一些HTML,但是,我不太确定
是否确实正确


更具体地说,我不确定是否可以在与循环
v-for='match in matches'
相同的元素上使用
v-bind:match='match'
中包含的信息是否匹配
实际作为道具发送到组件?

您所做的是正确的Vue语法,并且可以正常工作<代码>匹配作为组件
匹配
中的属性提供

但是,您可能需要重命名变量。这是一行代码,它已经开始令人困惑;-)

是的。 这是一个工作示例:

Vue.component('match',
{
道具:[“匹配”],
模板:`{match.matchName}}`
})
var mapp=新的Vue({
el:“应用程序”,
数据:{
匹配项:[
{matchName:“第一个匹配”},
{matchName:“第二个匹配”},
{matchName:“又一个匹配”}
]
}
})

对于如何更改变量,您有什么建议吗?我的组件被称为match,因为它确实呈现了一个匹配,我将发送给match组件match的变量命名为match,因为它包含匹配信息。