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 // 값 변경
-> ... 무한루프