v-for循环什么时候重新渲染?

时间:2017-07-07 13:44:55

标签: vue.js vuejs2 vue-component vuex

我有一个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方法。此外,每当我单击一个复选框时,它将重新渲染并触发count方法。

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

我之前有过这个工作,但在我的重新考虑之后,它似乎不再起作用了。

此方法是否还能够在依赖项内部发生更改时重新触发,就像计算属性一样?

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

https://gist.github.com/stephan-v/58cd37042b3c20ff4af0e21e0fbdf92e

我有两个这样的组件,每当我更新我的vuex商店时,计数都会更新。

修改

模板标记中的单个属性是否可能被反应并重新呈现完整模板,从而导致count等方法再次运行?

0 个答案:

没有答案