vue3的自定义hooks

Vue3的hook函数,相当于vue2的 mixin,不同在于hooks是函数。
Vue3的hook函数,可以帮助我们提高代码的复用性, 让我们能在不同的组件中都利用 hooks 函数。
例子:将鼠标点击页面就获取坐标点的方法拿出独立,便于其他组件复用。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

toRef

作用:创建一个ref对象,其value值指向另一个对象中的某个属性。
语法:const name = toRef(device,’name’).
应用:要将响应式对象中的某个属性单独提供给外部使用时。

在这里插入图片描述扩展:toRefs和toRef功能一样,但是可以创建多个ref对象,语法:toRefs(device)。

在这里插入图片描述

相关推荐

  1. vue3定义hooks

    2024-04-24 15:42:07       33 阅读
  2. 深入理解Vue 3定义Hooks

    2024-04-24 15:42:07       57 阅读
  3. vue3 定义网站titlehooks

    2024-04-24 15:42:07       12 阅读
  4. vue3从精通到入门22:定义 Hooks

    2024-04-24 15:42:07       15 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-24 15:42:07       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-24 15:42:07       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-24 15:42:07       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-24 15:42:07       20 阅读

热门阅读

  1. gitea的简单介绍

    2024-04-24 15:42:07       13 阅读
  2. 什么是Git?&& 工作原理

    2024-04-24 15:42:07       15 阅读
  3. spring bean的作用域

    2024-04-24 15:42:07       13 阅读
  4. 【迅投qmt系列】2、历史数据获取

    2024-04-24 15:42:07       14 阅读
  5. 通过easyExcel实现表格的导入导出

    2024-04-24 15:42:07       28 阅读
  6. 视频下载为什么需要大带宽服务器?

    2024-04-24 15:42:07       29 阅读
  7. antd-vue - - - - - a-config-provider全局配置中英文切换

    2024-04-24 15:42:07       32 阅读
  8. 1079:计算分数加减表达式的值

    2024-04-24 15:42:07       13 阅读
  9. 8 个必须要知道的Python装饰器

    2024-04-24 15:42:07       15 阅读
  10. 如何看待AIGC技术?

    2024-04-24 15:42:07       17 阅读
  11. 从零学算法127

    2024-04-24 15:42:07       13 阅读