📌들어가기 전 defineProps와 defineEmits와 같은 옵션을 선언하기 위해서는 📌defineEmits() 란? 자식 컴포넌트에서 부모컴포넌트로 데이터를 전달할 때 사용한다. 부모 컴포넌트에서 emits 옵션으로 이벤트를 정의하고, 자식 컴포넌트에서는 defineEmits를 사용하여 이벤트 목록을 정의한다. 📌defineProps() 와 defineEmits() 의 공통점 사용되는 변수 이름은 CamelCase가 아닌 kebab-case 사용을 권장한다. 전달된 옵션은 setup에서 모듈 범위로 호이스트 된다. 따라서 옵션은 setup 범위에서 선언된 로컬 변수를 참조할 수 없다. 참조할 시에 컴파일 에러가 발생한다. 하지만, import한 바인딩은 모듈 범위에 있으므로 참조할 수 있다. * ..
vue3
![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbI5dyL%2FbtsF585I6pO%2FEuJqcIEx5p7HpmbIrqo8e0%2Fimg.png)
📌 Vuetify Theme 변경하기 (라이트/다크 모드) 라이트(Light) 버전 다크(Dark) 버전 설정바꾸기 src - plugins - vuetify.js 에서 createVuetify theme 변경하기 라이트(Light) import "@mdi/font/css/materialdesignicons.css"; import "vuetify/styles"; // Composables import { createVuetify } from "vuetify"; // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides export default createVuetify({ theme: { defaultTheme: "light", }, });..