[vuejs/vue]在html模板的正文中,对data里面的属性读取时,如果有计算操作,结果是错误的

2025-10-29 121 views
9
版本

2.6.11

复制链接

https://codepen.io/team/Vue/pen/rNVqYvM

重现步骤

我正在学习 vue,当我接下来打开组件部分的示例时:

组件基础知识:组件重用

我修改了模板部分内容为:

    <button v-on:click="count++">
      You clicked me {{ ++count }} times.
    </button>

然后数逐渐递增的值变成了102?

预期是什么?

预期计算是正确的++count === count+=1

到底发生了什么?

++count === count+=102

目前我还是狮子vue解析模板的逻辑。但看起来这应该是一个bug

回答

6

因为你写了++count,所以在每次渲染的时候count都自增了。

0

因为你写了++count,所以在每次渲染的时候count都自增了。

@Justineo是的,因为我修改了++count,但是,我期望的是每次自增1,实际上每次自增了102。

0

这算不算是一个bug呢?