Wie zeige ich Trägheitsdaten einer Vue-Komponente an?

Question

Im Vue Inspector erhalte ich tatsächlich die Meldung, bin mir aber nicht sicher, wie ich sie auf der Vue-Komponente verwenden soll.

Bitte überprüfen Sie den Bildlink

https://ibb.co/2KTmstS

Ich verwende Inertia-Hilfsmethoden und sende Nachrichten an Vue-Komponenten, aber nichts funktioniert.

public function contact_to_project(){
    $message = "My message!";
    return Inertia('Contact_to_project', [
        'message' => $message
    ]);

}

Meine Vue-Komponente

<template> {{message}}</template>


<script>
  export default {
     props: {
        message: String,
     },
  }
</script>

Answer 1

根据您在 vue 组件 中的问题，您可以将数据定义为 props ，然后您可以在 template 中显示它，如下所示下面的例子：

<script setup="">

import { Inertia } from '@inertiajs/inertia';

const props = defineProps({
    message: {
        type: String
    },
});

</script>

<template>
    <div>{{props?.message}}</div>
</template>