묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue.js 시작하기 - Age of Vue.js
methods 에 함수를 정의하고 watch 에서 호출하는 이유가 있을까요?
안녕하세요. 좋은 강의를 듣게 해주셔서 감사합니다. 강의를 듣다가 궁금한 것이 생겨서 여쭤보려고 합니다.methods 에 정의한 함수를 watch 에서 호출해서 사용하시는 이유가 재사용성을 위해서 일까요? 아니면 다른 이유가 있을까요? 있다면 어떤 것을 검색하면 더 공부할 수 있는지 알려주시면 감사하겠습니다.
-
미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
watch로 router 감시할 때
안녕하세요!watch: { '$route' () { this.fetchData() },},$route' 에 작은 따옴표를 쓰는 이유는 무엇인가요?? $route 로 적어도 잘 작동하는데 궁금합니다!
-
미해결웹 게임을 만들며 배우는 Vue
watch를 회원가입, 비밀번호 확인 등의 값 검증에 사용하는건 어떤가요?
watch를 회원가입, 비밀번호 확인 등의 값 검증에 사용하는건 어떤가요?
-
해결됨Vue.js 시작하기 - Age of Vue.js
watch 속성을 사용했을 때의 장점이 따로 있는걸까요?
안녕하세요, Vue 강의를 학습 중인 학생입니다. 수업 내용 중에 'watch 속성' 회차에서 아래와 같이 num 의 값이 변경되었을 때 logText function 이 수행되도록 하는 로직을 같이 실습하였는데요, <script> new Vue({ el: '#app', data: { num: 10 }, watch: { num: function() { this.logText(); } }, methods: { addNum: function() { this.num = this.num + 1; // this.logText(); }, logText: function() { console.log('changed'); } } }) </script> 해당 방법에 대해 언급해주시기 전에 제가 생각했던 방법은 아래와 같았고, 실제로 동작도 동일하게 수행되는 것 같은데 혹시 watch 속성을 사용했을 때의 장점이 따로 있는걸까요? <script> new Vue({ el: '#app', data: { num: 10 }, // watch: { // num: function() { // this.logText(); // } // }, methods: { addNum: function() { this.num = this.num + 1; this.logText(); }, logText: function() { console.log('changed'); } } }) </script> 변경점에 대한 관리는 watch 속성으로 하는 것이 일반적이다 같은.. 게 있는지 궁금합니다 :)