<template > <div> <p>son: {{ value1 }}</p> <input type="text" :value="value1" > </div> </template> <script setup> import { ref } from vue const props = defineProps(['value1']) </script>

这段代码是一个 Vue 3 的单文件组件，其中使用了 `<script setup>` 标签来进行逻辑的编写。通过 `import { ref } from vue` 导入了 `ref` 函数，并在 `<script setup>` 中定义了一个名为 `props` 的变量，通过 `defineProps` 函数来定义了一个名为 `value1` 的 prop。在模板中，使用了双向绑定的语法 `:value="value1"` 来绑定 input 标签的值，并且展示了 `value1` 的值。