vue中methods绑定依赖值改变会形成死循环

最新推荐文章于 2024-05-24 18:34:14 发布

原创最新推荐文章于 2024-05-24 18:34:14 发布 · 897 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #前端 #js框架 #vue.js

vue 专栏收录该内容

21 篇文章

订阅专栏

在Vue中，当methods内的方法依赖值发生变化时，会导致方法无限循环调用，引发Vue警告。该问题源于Vue的响应式原理，依赖值更新触发了方法的重新执行，形成死循环。要解决这个问题，开发者需要避免在方法内部修改导致循环调用的依赖变量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div id="app">
	<p>{{fn()}}</p>
	<p>{{fn()}}</p>
	<p>{{fn()}}</p>
</div>

<script type="text/javascript">
	var vm = new Vue({
		el:'#app',
		data:{
			n:0
		},
		methods:{
			fn:function () {
				this.n++;			//绑定依赖值n进行自增
				return this.n
			}
		}
	})
</script>