指尖上的记忆指尖上的记忆
首页
  • 基础
  • Laravel框架
  • Symfony框架
  • 基础
  • Gin框架
  • 基础
  • Spring框架
  • 命令
  • Nginx
  • Ai
  • Deploy
  • Docker
  • K8s
  • Micro
  • RabbitMQ
  • Mysql
  • PostgreSsql
  • Redis
  • MongoDb
  • Html
  • Js
  • 前端
  • 后端
  • Git
  • 知识扫盲
  • Golang
🌟 gitHub
首页
  • 基础
  • Laravel框架
  • Symfony框架
  • 基础
  • Gin框架
  • 基础
  • Spring框架
  • 命令
  • Nginx
  • Ai
  • Deploy
  • Docker
  • K8s
  • Micro
  • RabbitMQ
  • Mysql
  • PostgreSsql
  • Redis
  • MongoDb
  • Html
  • Js
  • 前端
  • 后端
  • Git
  • 知识扫盲
  • Golang
🌟 gitHub

vue3下ref和reactive在watch里的区别:

Vue 会自动解包 ref,所以可以直接 watch(count),不需要 watch(() => count.value)
1.ref 在 watch 里可以省略 .value:
const count = ref(0);
watch(count, (newValue) => {
  console.log("Count changed:", newValue);
});

2.reactive 需要 watch 某个具体属性:
const state = reactive({ count: 0 });
watch(() => state.count, (newValue) => {
  console.log("State.count changed:", newValue);
});