vue.js의 computed 속성

vue js에 computed 속성이 존재하는데 언제 써야 할지 정리한다. 강의가 존재 합니까?: {{ teacher.lectures.length > 0 ? 'Yes' : 'No' }} 와 같은 코드가 존재할 경우 html태그 안에 작성하는 경우 가독성이 떨어지게 된다. 이런 경우 computed속성을 사용한다. 강의가 존재 합니까?: {{ hasLecture }} const hasLecture = computed(() => { return teacher.lectures.length > 0 ? 'Yes' : 'No' }) 코드가 깔끔해진다. computed 속성의 장점은 무엇일까? 1) computed 속성의 대상으로 정한 data 속성이 변했을 때 이를 감지하고 자동으로 다시 연산해준다. 2) 코드의 ..
개발지식/vue.js 2023. 11. 20. 03:59
1