Vue3 router 사용 예제 먼저 vue3에서 라우터를 사용하기 위해서는 vue-router를 설치해야한다 Installation | Vue Router Installation Direct Download / CDN https://unpkg.com/vue-router@4 Unpkg.com provides npm-based CDN links. The above link will always point to the latest release on npm. You can also use a specific version/tag via URLs like https://unpkg.com/vue-router@4.0. router.vuejs.org npm install vue-router@4 --vue3에서는 @4버전을 사용해야한다. 설치가 완.. Vue3 Timeout() [JavaScript] 만들어본 Todolist에서 검색기능을 활용하여 검색 글자를 쓸때마다 계속해서 네트워크를 통하여 데이터를 주고받는 모습이다. 즉각적인 반응을 원하는게 아니라면 setTimeout을 통해 딜레이를 줄 수 있다. let timeout = null; watch(search, () => { clearTimeout(timeout); timeout = setTimeout(() => { getTodolist(); }, 1000); }); 여기서 들어간 timeout변수와 clearTimeout은 setTimeout만 사용할 경우, 하나씩 칠때마다 1초간 딜레이만 주어, 결국에 동일한 양의 네트워크 송수신량을 보여주지만, 다음 입력(함수의 사용)이 감지될경우 기존의 timeout을 리셋시키면서 마지막으로 입력된 set.. Vue3 포인터 만들기 (Nuxt) ref @pointerup @pointerdown @pointermove Click:{{ clicked }} X:{{ xPoint }} Y:{{ yPoint }} Vue3 카운터 만들기 (Nuxt) ref @click up {{ a }} down Vue3 계산기 만들기 (Nuxt) ref v-model computed() + - * / {{ calculate }} Vue3 Nuxt 시작하기 Vue 어플리케이션을 쉽게 생성하게 도와주는 프레임워크 Nuxt js Nuxt 공식사이트 The Intuitive Vue Framework Build your next Vue.js application with confidence using Nuxt. An open source framework making web development simple and powerful. nuxtjs.org 설치 방법 npx npx create-nuxt-app yarn yarn create nuxt-app npm npm init nuxt-app 명령어 실행후 나오는 체크리스트 ✨ Generating Nuxt.js project in hello ? Project name: (hello) 엔터 ? Programming la.. 이전 1 2 3 4 다음 반응형
