TryCoding.FunTryCoding.Fun
  • 文章
  • 项目
  • 归档
  • 关于
搜索... ⌘K
Home Work Blog Projects
返回博客

Vue3 watch props 监听属性变化

本文介绍了如何在 Vue3 中使用 watch 来监听 props 属性的变化,并提供了相应的代码示例。

全部 前端 (393) 运维 (77) 技术 (71) 后端 (25) 数据库 (10) 生活 (1)
2022年10月11日
Mt.r
|
#JavaScript #Vue

二话不说上代码

import { watch, toRefs } from "vue";
const props = defineProps({
  visible: {
    type: Boolean,
    default: () => {
      return false;
    },
  },
});
const visible = toRefs(props).visible;
watch(visible, (newValue, oldValue) => {
  alert(newValue);
});

参考文章

  • https://blog.csdn.net/solocao/article/details/124765106
上一篇
Vue3 父子组件传值及方法调用
本文介绍了 Vue3 中父子组件之间如何进行数据传递和方法调用,包括父组件向子组件传递数据,以及子组件调用父组件方法,并提供了具体的代码示例。
下一篇
前端 CORS 跨域问题详解
本文详细分析了前端 CORS 跨域问题,特别是涉及 cookie 的场景,并提供了多种解决方案,包括在服务端设置 Access-Control-Allow-Origin 和 Access-Control-Allow-Credentials,以及在客户端设置 withCredentials 等。

目录

  • 参考文章

分类

全部文章 577 前端 393 运维 77 技术 71 后端 25 数据库 10 生活 1

热门标签

#JavaScript #Vue #Linux #CSS #Go #CentOS #React #Nginx #Git #HTML #iOS #Mac #MySQL #Jenkins #TypeScript #Python #Docker #C #Webpack #数据库
Trycoding.fun
© 2025 版权所有 京ICP备19000129号-4
文章 项目 归档 关于 GitHub