vue的神奇死循环

Question

这是我错误部分的代码错误显示为Youmayhaveaninfiniteupdateloopinacomponentrenderfunction
当运行的时候showDetail函数好像在无限次循环，当我改成showDetail:function(){
returnthis.state=this.msg+‘isit404notfound’
}
就可以了

Answer 1

改成下面就可以了returnthis.msg+this.state原因的话{{showDetail()}}和this.state形成了双向绑定，然后你在showDetailreturn的时候又对this.state进行了赋值操作，所以又会再次触发showDetail形成了死循环

Answer 2

这一点都不神奇，原因一楼解释了，但你第二个h1中的为什么要放一个执行函数进去，正确的应该是{{showDetail}}computed:{showDetail(){returnthis.msg+this.state;}}