[Vue warn]: You may have an infinite update loop in a component render function
单元素/组件的过渡例子练习中报了这个警告,从字面意义上来看是组件渲染的时候无限循环了,按照官方例子来写的,理论上应该不会啊。
<div id="trans-demo">
<button :click="show = !show">Toggle</button>
<transition name="fade">
<span v-if="show">Vue!</span>
</transition>
</div>
仔细检查了一下,发现了问题,偷懒用错了方法。
v-on:click 事件 缩写应该是 @click, 给我打成了:click,变成了v-bind:click,再配上
show = !show 无限循环了。
先记一笔,具体原理以后再查。