Javascript Vue模板语法增量（以小胡子为单位）

刚开始学习Vue.js，我很好奇我的简单代码中发生了什么，我找不到解释。 我试图在Mustach中增加计数器，但是这个变量发生了一些奇怪的事情

我的代码：

newvue({
el:“#应用程序”，
数据：{
柜台:5,，
国家：错
},
方法：{
乐趣：函数（）{
this.state=！this.state
}
}
})

{{counter}}

按钮

想我吗？{{counter++}

在每次渲染调用时，您都在运行

计数器+++

，即

计数器=计数器+1

。更改实例状态将重新渲染组件，这将一次又一次地增加计数器，从而导致类似Vue的无限循环

相反，您应该更新单击处理程序函数中的

计数器

：

newvue({
el:“#应用程序”，
数据：{
柜台:5,，
国家：错
},
方法：{
乐趣：函数（）{
这个.counter++；
this.state=！this.state
}
}
})

{{counter}}

按钮

想我吗？{{counter}}

如果我错了，请纠正我，

{{counter++}

的每次调用都会更改状态，导致重新排序，再次调用

{{counter++}

等等？Vue在做什么？是它阻止了inifinte循环吗？@mdolata是的，就是这样。显然，Vue在100次迭代后停止循环，并在控制台上输出警告。