Vue.js memberikan konsep Props

Helo! Props ialah salah satu bahagian yang paling diperlukan dalam Vue.js, ia membenarkan pertukaran maklumat antara komponen. Menggunakan prop dilakukan di dalam fungsi persediaan. Di bawah ialah props kita boleh lihat secara terperinci cara bekerja dengan:

1. Mentakrifkan Alat: Fungsi defineProps digunakan untuk mentakrifkan prop dalam Vue.js. Objek defineProps digunakan untuk menentukan jenis dan sifat props.

<template>
  <div>
    <h1>{{ title }}</h1>
    <p>{{ message }}</p>
  </div>
</template>

<script setup>
import { defineProps } from 'vue'

// Props-larni aniqlash
const props = defineProps({
  title: {
    type: String,
    required: true
  },
  message: {
    type: String,
    default: 'Default message'
  }
})
</script>

Di sini objek prop mentakrifkan tajuk dan prop mesej. jenis prop tajuk ialah String dan diperlukan (diperlukan: benar), dan mesej mempunyai jenis String dan nilai lalai (Mesej lalai).

1. Menggunakan Props: Props yang ditakrifkan oleh fungsi defineProps boleh diletakkan terus dalam