Truyền dữ liệu vào component trong JavaScript
Từ component cha, có thể truyền dữ liệu vào component con. Để làm điều này, trong thẻ component cần viết các thuộc tính chứa dữ liệu. Ví dụ, hãy truyền tên và họ của người dùng:
<template>
<User name="john" surn="smit" />
</template>
Dữ liệu được truyền như vậy được gọi là
props. Để component
nhận được dữ liệu này,
cần liệt kê tên của chúng
trong cấu hình props:
<script>
export default {
props: ['name', 'surn'],
data() {
return {
}
}
}
</script>
Bây giờ dữ liệu được truyền có thể được hiển thị trong phần hiển thị của component con:
<template>
{{ name }}
{{ surn }}
</template>
Hãy truyền vào component Employee
tên, họ và tuổi của nhân viên.
Bên trong component Employee,
hãy hiển thị mỗi prop của nó
trong một thẻ riêng biệt.
