Vue.js application 성능을 향상 시키는 방법은
https://medium.com/@kadirboylu/how-to-improve-the-performance-of-vue-js-application-2ee8d4aa3300
- 라우터 : 단일 페이지 어플리케이션 구축 하는 데 유용함
- Vue cli 를 사용하여 새로운 라우터 로 새로운 vue.js 어플리케이션 생성 가능
Vue js + 비동기 구송 요소를 정의하는 defineAsyncComponenet 함수
동적 가져오기 사용하여 defineAsyncComponent 함수로 비동기 구성 요소를 로드 가능
V-if v show 조건부 렌더링
V-if 참 인 경유 렌더링
V-show 지시문은 요소를 렌더링하고 조건이 false 인 경우 숨긴다.
지시문 사용
그리고 한번만 요소를 렌더링하기 위한 v-once 지시문을 제공한다.
이미지 압축
비테와 뷰 3 vite, vue 3
- Vite 는 vue.js 어플리케이션 위한 빌드 도구
- 매우 빠르다
- 매우 사용하기 쉽다
- 공식문서 참고~
결론 프로그레시브 프레임워크 이다. 매우 유연하다
간단한 정적 페이지 또는 복잡한 단일 페이지 어플리케이션 빌드하는데 사용가능
매우 빠르다
https://medium.com/@kadirboylu/how-to-improve-the-performance-of-vue-js-application-2ee8d4aa3300