[Vue.js] updated() 무한 루프

동민·2021년 5월 26일
0
post-custom-banner
updated() {
	this.$_getRecommendListHn();[
},
	
mounted() {
	this.$_getRecommendListHn();
},
methods: {
  
  	// 값을 변경하는 함수
	$_getRecommendListHn() {
		var s = this;
		const params = {
          ...
          // 값을 변경하는 로직
				

위와 같은 코드가 있을 때,
값을 변경하는 함수 $_getRecommendListHn를 vuejs 라이프사이클 updated() 훅에서 호출하는 행위는 무한 루프를 발생시킬 수 있음 (위험한 코드)

-> 렌더링
-> this.$_getRecommendListHn() 		// mounted 내 호출 
-> $_getRecommendListHn() 		// 값 변경  
-> this.$_getRecommendListHn() 		// updated 내 호출 (값이 변경됐기 때문) 
-> $_getRecommendListHn 		// 값 변경  
-> this.$_getRecommendListHn() 		// updated 내 호출 
-> $_getRecommendListHn 		// 값 변경 
-> ... 무한루프
profile
BE Developer
post-custom-banner

0개의 댓글