[Props] 자식 컴포넌트는 props를 통해 부모로부터 데이터를 받을 수 있습니다.

Vue.js

부모는 속성을 사용하는 것처럼 자식에게 prop을 전달할 수 있습니다. 문법은 다르지만 react에서 prop를 넘기는 것과 유사한 방식으로 동작하는 것을 발견할 수 있었다. 

<script setup>
import { ref } from 'vue'
import ChildComp from './ChildComp.vue'

const greeting = ref('부모 컴포넌트로부터 💌을 전달받았어요!')
</script>

<template>
  <ChildComp :msg="greeting"/>
</template>