Vue.js v-for循环何时重新渲染？

我有一个

v-for

循环，其中有一个名为

count

的方法：

<div class="checkbox" v-for="(index, value) in range">
    <label>
        <input type="checkbox" :value="Number(value)" v-model="values">

        <span class="hotels">{{ count(Number(value)) }}</span>
    </label>
</div><!-- /.checkbox -->

{{count（Number（value））}

在渲染时，它显然会触发

count

方法。此外，每当我单击复选框时，它将重新渲染并触发

count

方法

除非我有另一个组件，我希望所有这些组件的计数再次运行。我希望他们都能更新

我以前一直在工作，但经过我的重新考虑，它似乎不再工作

该方法是否也能够在依赖项内部发生更改（如计算属性）时重新激发

这是我重新考虑之前的代码：

我有两个这样的组件，每次更新vuex存储时，计数都会更新

编辑

---

模板标记中的单个属性是否可能是被动的，并重新呈现整个模板，从而导致像

count

这样的方法再次运行？

您的

索引、值

对在

v-for

中翻转。它应该是

值，索引

。您还应该有一个

：key

值。这只能解决“谢谢”问题。1。您可以使用：

v-model.number

而不是调用

number（value）

。2.您可以尝试在输入时收听@change事件并调用@MatWaligora@change的文档在哪里？好像找不到。力不会更新并重新渲染当前组件吗？另一个组件对此一无所知。@Stephan-v我想文档中没有。您可以使用

，然后在

方法中调用
this.$forceUpdate（）
。