Vue.js donne des concepts Props

Bonjour ! Les accessoires sont l'une des parties les plus nécessaires de Vue.js, ils permettent l'échange d'informations entre les composants. L'utilisation des accessoires se fait dans la fonction de configuration. Vous trouverez ci-dessous les accessoires nous pouvons voir en détail comment travailler avec :

1. Définir les accessoires : La fonction définirProps est utilisée pour définir des accessoires dans Vue.js. L'objet DefinProps est utilisé pour définir les types et les propriétés des accessoires.

<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>

Ici, l'objet props définit les accessoires du titre et du message. Le type de prop de titre est String et obligatoire (obligatoire : true), et le message a un type String et une valeur par défaut (message par défaut).

1. Utiliser des accessoires : Les accessoires définis par la fonction définirProps peuvent être placés directement dans le fichier