VUE3自学第二天分享记录-动态数据绑定ref
VUE3自学第二天分享记录-动态数据绑定ref!vue3是一个很好的前端开发框架，它提供了大量的状态监测机制，其中就有一个ref（）函数，可以动态的实现对象的属性状态监控。一旦发生了变化，马上就可以动态渲染。
其实ref（）函数底层还是借助于了javaScript的语法，是一个setter,getter,两个方法，一个是设置，一个是获取。在设置和获取之前，vue自定义了一些自己的操作。实现了上诉的动态跟踪机制。
下面是网上提供一个小的练习题目。代码如下所示：
<script setup>
import { ref } from 'vue'
const count = ref(0)
function increment() {
count.value++
}
function resetDefault(){count.value = 0}
</script>
<template>
<button @click="increment">
自动加1操作按钮
</button><br>
<input v-model="count">
<hr>
<button @click="resetDefault">恢复默认值0</button>
</template>
您阅读本篇文章共花了：
暂无评论
发表评论