如何在vue.js中更新v循环内的计数器？

如何在v-for中单独更新计数器？现在它会在递增时同时更新，因为列表可以是动态的，我不能为所有类型设置变量

我在v-for中运行的代码是：

<a @click.prevent="decrease(quote, min)">
    Decrease
</a>

<input name="types" type="text" v-model="quote" >

<a @click.prevent="increase(quote, max)">
    Increase
</a>

以下是vue脚本：

<script>
    var app = new Vue({
        el: "#contents",
        data: {
            quote: 1,
        },
        computed: {
          
        },
        methods: {
            decrease: function(quote, min){
                app.quote--;
                if(app.quote < min){
                    app.quote = min;
                }
            },
            increase: function(quote, max){
                if(app.quote > max){
                    app.quote = max;
                }
            },
    
        },
    });
</script>


var app=新的Vue({
el:“内容”，
数据：{
报价：1，
},
计算：{
},
方法：{
减少：功能（报价，最小值）{
app.quote--；
如果（app.quotemax）{
app.quote=最大值；
}
},
},
});
您应该这样做：



从“/Counter.vue”导入计数器；
导出默认值{
名称：“HelloWorld”，
组件：{Counter}，
道具：{
msg:String
},
数据：（）=>{
返回{
d:[1,2]
};
}
};
///具有自身状态的计数器组件
{{count}}
增量
减量
导出默认值{
名称：“柜台”，
数据：（）=>{
返回{
计数：0
};
},
方法：{
增量（）{
这个.count++；
},
减量{
这是伯爵；
}
}
};
将计数器放入组件中如何？在v-for中，您可以加载组件。可以，或者我可以使用quote索引吗？在所有计数器之间，您只有一个quote属性的实例是共享的。如果您想让他们自己行动，他们需要有自己的报价数据属性。正如所建议的，每个计数器都应该是实现报价的组件attribute@sdfgg45，让我知道我的答案是否对您有帮助。我将在一分钟内测试：）在此项目上使用cdn版本：）