vue3中watchEffect详细用法

最新推荐文章于 2024-08-21 00:00:00 发布

前端小云儿

最新推荐文章于 2024-08-21 00:00:00 发布

阅读量109

点赞数

分类专栏： vue3知识点文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/jieweiwujie/article/details/139680216

版权

vue3知识点专栏收录该内容

87 篇文章 2 订阅 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

watchEffect，监听所有定义的响应式数据

<template>
  <div class=""></div>
</template>

<script lang="ts" setup name="mingming">
import { ref, watchEffect } from "vue";

// 数据
let a = ref(10);
let b = ref(0);

// 监视 -- watchEffect实现，一上来就会执行，监听的是所有定义的响应式数据
watchEffect(() => {
  if (a.value >= 60 || b.value >= 80) {
    console.log("给服务器发请求");
  }
});
</script>

<style scoped></style>