안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - git: 2.37.1.windows.1 - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 - @vue/cli(vue3): 5.0.8 vue에서는 component import를 자주 하게 됩니다. 자식 component에서 부모 component의 함수를 사용해야 할 일이 많습니다. 그럴 때 사용하는 함수가 emit입니다. 1. 자식(emit/EmitInfo.vue)에서 부모(App.vue) 함수 사용하기 App.vue(부모), EmitInfo.vue(자식) 구조입니다. 2. 자식 컴포넌트에서 emit 사용하기 setup 파라미터에는 props와 context가 있습니..

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - git: 2.37.1.windows.1 - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 - @vue/cli(vue3): 5.0.8 vue에서는 component import를 자주 하게 됩니다. 자식 component가 부모 component의 값을 출력하거나 사용해야 할 일이 많습니다. 그럴 때 사용하는 함수가 props입니다. 1. 자식(props/MyInfo.vue)에서 부모(App.vue) 데이터를 사용하기 App.vue(부모), MyInfo.vue(자식) 구조입니다. 2. 자식 컴포넌트에서 props 사용하기 props는 배열 방식으로 여러 개를 받을 수 있..

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 ＃VUE2에서는 값을 변경할 땐 data영역에 있는 값을 this. 접근 후 변경했습니다. ＃VUE3에서는 data, methods가 setup에서 처리할 수 있게 되었습니다. 변수의 값을 변경 할 때, ref를 사용하지 않은 변수는 값 변경이 불가능합니다. ref를 사용한 변수를 변경할 때는 '변수명.value'로 값을 변경해야합니다. 값 변경 function을 실행했지만 ref로 지정하지 않은 notRefName은 변경되지 않는 걸 볼 수 있습니다. 궁금하신 부분 또는 문제가 생긴 부분에 대해서 댓글 남겨주시면 빠르고 ..