watch 2

[vue3] v-for, v-if 같이 사용(computed/watch)

Vue.js 2.3 버전부터는 v-for와 v-if를 함께 사용할 수 있도록 v-for 디렉티브에 v-if를 추가할 수 있는 기능이 추가되었습니다. 따라서 Vue.js 2.3 이상의 버전에서는 v-for와 v-if를 함께 사용하는 것이 가능합니다. 하지만 Vue.js에서는 v-for와 v-if를 함께 사용하는 것은 좋지 않습니다. 이유는 v-for 디렉티브가 먼저 수행되고, 그 후에 v-if 디렉티브가 실행되기 때문입니다. 이로 인해 원하지 않는 결과를 가져올 수 있습니다. computed v-for와 v-if를 함께 사용하려면 주의가 필요합니다. 만약 v-if를 사용하여 데이터를 필터링하려면, v-for를 사용하는 대신에 computed 속성을 사용하여 필터링 된 데이터를 반환하도록 하는 것이 좋습니다..

Frontend/vue3 2023.04.19

[AngularJS] $watch()

1. $watch() watch 함수는 스코프변수의 변화를 감지하는 함수이다. 2. 기본적인 형태 data값이 변화면 자동으로 watch함수가 실행된다. $scope.data = ""; $scope.$watch('data', function(newVal, oldVal){ }, true); 파라미터 1. $scope에 등록된 변수 이름 2. 콜백함수 콜백함수는 변경 후, 변경 전 값을 들고올 수 있다. 3. ture or false false : 변수의 레퍼런스 변화 체크 true : 실제 변수 값 변화 체크 (defalut) 3. 예시 만약 이런식으로 함수를 따로 작성하면 data가 변경되지 않을 때도 함수 수동으로 호출가능. $scope.data = ""; $scope.$watch('data', dat..

카테고리 없음 2022.07.11