[Vue.js] Vue3 - defineProps() & defineEmits()

..🥺

 

◽ props

📄 Vue2

<script>
    export default {
        props: {
            title: {
                type: String,
                default: ''
            }
        }
    }
</script>

 

📄 Vue3

<script setup>이 실행될 때 컴파일 된다.

<script setup>
import { defineProps, defineEmits, ref } from 'vue'

// props 선언하기
const props = defineProps({
  title: {
    Type: String,
    default: '',
  },
})
const propTitle = ref(props.title)

// emits 선언하기
const emits = defineEmits(['update:value'])
const handleClickEvent = (e) => {
  emits('update:value', e.target.value)
}
</script>

 

 

 

---

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.