Vue 3 的常用响应式 API 总结

在vue3.x版本中,setup函数就是vue3 组合式API的入口,换句话说就是在setup中的写的代码,就是组合式API 的写法。下面总结常用的与响应式相关的api, 帮助您在 Vue 3 中创建响应式应用程序。

  1. reactive()ref()
    • 创建响应式对象和引用。
    • 例子:const state = reactive({ count: 0 });
  2. computed()
    • 创建计算属性。
    • 例子:const doubleCount = computed(() => count.value * 2);
  3. watch()
    • 监听响应式值的变化。
    • 例子:watch(() => count.value, (newVal) => console.log(Count changed to ${newVal}));
  4. watchEffect()
    • 监听响应式值的变化并执行函数。
    • 例子:watchEffect(() => console.log(Count is ${count}));
  5. provide()inject()
    • 提供和注入组件之间的依赖项。
    • 例子:provide('count', ref(0));const count = inject('count');

更多Vue3 API请参考官网:https://cn.vuejs.org/api/

相关推荐

  1. Vue 3 响应 API 总结

    2024-06-17 16:16:03       20 阅读
  2. VUE3-响应

    2024-06-17 16:16:03       55 阅读
  3. Vue3响应原理

    2024-06-17 16:16:03       64 阅读
  4. Vue3 响应数据

    2024-06-17 16:16:03       53 阅读
  5. Vue 3响应原理

    2024-06-17 16:16:03       64 阅读
  6. vue3 Composition API有哪些?

    2024-06-17 16:16:03       25 阅读
  7. vue3-响应API(工具函数)-unRef

    2024-06-17 16:16:03       37 阅读
  8. Vue3 响应API:高级函数(二)

    2024-06-17 16:16:03       25 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-17 16:16:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-17 16:16:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-06-17 16:16:03       82 阅读
  4. Python语言-面向对象

    2024-06-17 16:16:03       91 阅读

热门阅读

  1. Web前端设计入门:探索未知,点亮创意之光

    2024-06-17 16:16:03       28 阅读
  2. Web前端写随机抽奖:技术与创意的碰撞

    2024-06-17 16:16:03       29 阅读
  3. 免费公开的源代码

    2024-06-17 16:16:03       19 阅读
  4. 锐评js尺寸

    2024-06-17 16:16:03       29 阅读
  5. 聊聊jetcache的CacheManager

    2024-06-17 16:16:03       26 阅读
  6. Web前端中横线:深入探索与实际应用

    2024-06-17 16:16:03       29 阅读
  7. 分数限制下,选好专业还是选好学校?

    2024-06-17 16:16:03       27 阅读
  8. 常见排序方法原理及C语言实现

    2024-06-17 16:16:03       24 阅读
  9. pyautogui 图像定位功能

    2024-06-17 16:16:03       28 阅读
  10. 好专业还是好学校?

    2024-06-17 16:16:03       23 阅读
  11. DP读书:半导体物理考试重点

    2024-06-17 16:16:03       26 阅读
  12. 【Superset】匿名访问Dashboad

    2024-06-17 16:16:03       27 阅读
  13. 猜测Tomcat如何实现WebSocket协议

    2024-06-17 16:16:03       22 阅读
  14. 等保测评练习卷3

    2024-06-17 16:16:03       22 阅读