프론트엔드/Vue3 (Vue 3) Custom v-directive 만들기 (Vue 3) Custom v-directive 만들기 참고문서 : https://v3.ko.vuejs.org/guide/custom-directive.html 오늘은 vue 3에서 custom v-directive를 만드는 방법을 알아보겠습니다. 만들기 앞서 v-directive란 뭔지 한번 짚고 넘어가볼게요. v-directive란? Vue로 개발을 하다보면 v-if, v-for, v-model 같은 앞에 v 접두사를 붙인 단어들을 한번씩은 사용해보게 됩니다. 이렇게 v 접두사가 붙은것들을 v-directive라고 합니다. v-directive를 사용하면 복잡한 기능을 단어 하나만 붙여서 해결하는것이 가능하기 때문에 매우 편리하고 강력한 기능이지요. 그런데 Vue에서 기본적으로 제공하는 v-direc.. 2022. 2. 21. Vue2에서 clearTimeout & clearInterval 하는법 Vue2에서 clearTimeout & clearInterval 하는법Vue를 이용해서 프로젝트를 만들다보면 'setTimeout'나 'setInterval' 함수를 사용하는 경우가 꽤 자주 생깁니다. setTimeout은 일정 시간이 지나면 인자로 전달된 callback 함수를 실행하는 함수로 중간에 취소하고 싶으면 clearTimeout을 해줘야 합니다다.setInterval은 일정 시간을 텀으로 두고 주기적으로 인자로 전달된 callback 함수를 실행하는 함수인데, 원하는 만큼 실행이 되면 조건을 통해 clearInterval을 해줘야 합니다.이 두 함수는 사용보다 해제를 잘 하는 것이 더 중요한데요. 해제를 할 땐 각각 'clearTimeout'과 'clearInterval' 함수를 사용하면 됩.. 2022. 1. 19. (Vue 3) non-emits event 경고 (Vue 3) non-emits event 경고 Vue로 프로젝트를 개발하다 보니 팝업창을 띄울 때마다 런타임시 이상한 경고창이 뜨는 것을 발견했다. Extraneous non-emits event listeners (closePopup) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option. 왜 이런 경고창이 뜨는 것일까? 내가 진행하던 프로젝트에서.. 2022. 1. 16. 이전 1 다음
