vue的神奇死循环

Question

{{msg}}{{showDetail()}}//importVuefrom'vue'exportdefault{name:'testFirst',//}//varvm=newVue({//el:"testFirst",data(){return{msg:'helloiamlishang',state:'isit404notfound'}},methods:{showDetail:function(){returnthis.state=this.msg+this.state}}}这是我错误部分的代码错误显示为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}}