일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 |
Tags
- bash
- npm
- Clone
- scss
- TypeScript
- var
- vuetify
- security
- 보안
- webpack
- machine learning
- property
- loop
- generic
- leetcode
- C#
- condition
- JavaScript
- nginx
- VUE
- dotenv
- vue.js
- Python
- git
- AI
- 앙상블
- BOJ
- C++
- type
- docker
Archives
- Today
- Total
목록2022/02 (1)
ice rabbit programming
[Vue] vue-class-component에서 추가 hook 사용하기
이전 글에서도 몇 번 언급했지만 Vue에서 class 형태로 컴포넌트를 정의하기 위해, vue-class-component를 주료 이용한다(공식 사이트에서도 언급한다). 일반적인 Vue.extend로 사용하는 것과 기능은 같지만 Watch, Prop 등의 사용법이 약간 달라서 헤매는데, 컴포넌트 내부 네비게이션 가드를 사용할 때도 사용법이 조금 다르다. 네비게이션 가드를 통해서 라우터 전후의 이벤트를 정의해줄 수 있다. 추가적으로 컴포넌트 내부에서 사용하는 훅은 다음과 같다. beforeRouteEnter beforeRouteUpdate (2.2 버전에 추가) beforeRouteLeave 메소드명이 명확해서, 사용하기엔 무리가 없으나 vue-class-component를 사용할 경우에는 미리 정의가 필..
Development/JavaScript
2022. 2. 5. 20:48