ref的介绍
ref 函数传入一个值作为参数,返回基于该参数的响应式ref对象
ref 接受参数,并将其包裹在一个带有 value property 的对象中返回,然后可以使用该 property 访问或更改响应式变量的值
将值封装在一个对象中,看似没有必要,但为了保持 JavaScript 中不同数据类型的行为统一,这是必须的。这是因为在 JavaScript 中,Number或 String等基本类型是通过值传递的,而不是通过引用传递的,在任何值周围都有一个封装对象,这样我们就可以在整个应用中安全地传递它,而不必担心在某个地方失去它的响应性。
用法
<script>
import { ref } from "vue";
export default {
setup() {
const count = ref(0); //声明
const event = () => { //修改事件
count.value++;
};
return { count, event };
}
};
</script>