Leon's Lab

설치 Quasar 프로젝트 시작할때 옵션에서 골라서 설치하는게 가장 편합니다. 사용 방법 (hello를 다국어로 준비했을 경우) 1. Template :  {{ $t('hello') }}  2. HTML tag 속성:  3. Vue import { useI18n } from 'vue-i18n'const {t} = useI18n();t('hello')   참고 : https://quasar.dev/options/app-internationalization#introduction

데이터 바인딩 부모 컴포넌트에서 자식 컴포넌트를 사용하려면, 데이터를 전달하거나 전달 받아야 합니다.  vue3.3 이후 버전에서는 defineModel 기능이 지원되는데 이걸 사용하면 양방향 바인딩이 됩니다. 자식 코드  부모코드 Change Data 이렇게 하면 부모쪽에서 changeData 함수를 호출하면 항상 자식 컴포넌트에 반영되는걸 알 수 있다. 전통적인 데이터 바인딩 지금까지도 자주 사용하는 방법은 prop과 emit을 이용하는 방법입니다.  prop은 부모에서 자식으로 데이터 전달하는 단방향이고, emit은 자식에서 부모에 이벤트 트리거를 단방향으로 하는거라서 양방향 바인딩하려면 조금 복잡합니다.  그리고 무엇보다 부모의 데이터의 반응성을 자식에서도 계속 유지..