Vue3:标签属性ref
warning:
这篇文章距离上次修改已过185天，其中的内容可能已经有所变动。
在Vue 3中，ref是一个函数，用于创建一个响应式的引用对象（reactive reference），通常用于跟踪单个响应式值。这个引用对象可以被模板内的元素或子组件使用。
基本用法如下：
<template>
<div>
<input v-model="message" />
<p>Message: {{ message }}</p>
</div>
</template>
<script>
import { ref } from 'vue';
export default {
setup() {
const message = ref(''); // 创建一个响应式的引用
return { message };
}
};
</script>在上面的例子中，ref('')创建了一个初始值为空字符串的响应式引用。在模板中，我们使用v-model来绑定输入框的值和message变量。当用户在输入框中输入时，message会自动更新，并且页面上显示的文本也会随之更新。
评论已关闭