当前位置:

首页 > 编程开发 > Vue3中其他的Composition API有哪些

Vue3中其他的Composition API有哪些

1.shallowReactive与shallowRefshallowReactive:只处理对象最外层属性的响应式(浅响应式)。shallowRef:只处理基本数据类型的响应式,不进行对象的响应式处理。什么时候使用?如果有一个对象数据,结构比较深,但变化时只是外层属性变化===>shallowReactive。如果有一个对象数据,后续功能不会修改该对象中的属性,而是生新的对象来替换===>shallowRef。2.readonly与shallowReadonlyreadonly:让一个响应式数据变为只读

本文目录

    1.shallowReactive 与 shallowRef

    • shallowReactive:只处理对象最外层属性的响应式(浅响应式)。

    • shallowRef:只处理基本数据类型的响应式, 不进行对象的响应式处理。

    • 什么时候使用?

      • 如果有一个对象数据,结构比较深, 但变化时只是外层属性变化 ===> shallowReactive。

      • 如果有一个对象数据,后续功能不会修改该对象中的属性,而是生新的对象来替换 ===> shallowRef。

    2.readonly 与 shallowReadonly

    • readonly: 让一个响应式数据变为只读的(深只读)。

    • shallowReadonly:让一个响应式数据变为只读的(浅只读)。

    • 应用场景: 不希望数据被修改时。

    3.toRaw 与 markRaw

    • toRaw:

      • 作用:将一个由reactive生成的响应式对象转为普通对象。

      • 使用场景:用于读取响应式对象对应的普通对象,对这个普通对象的所有操作,不会引起页面更新。

    • markRaw:

      • 作用:标记一个对象,使其永远不会再成为响应式对象。

      • 应用场景:

    • 有些值不应被设置为响应式的,例如复杂的第三方类库等。

    • 当渲染具有不可变数据源的大列表时,跳过响应式转换可以提高性能。

    4.customRef

    • 作用:创建一个自定义的 ref,并对其依赖项跟踪和更新触发进行显式控制。

    • 实现防抖效果:

    
    
    
    本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系bd@zhengruan.com
    作者最新文章
    编程开发 API Vue3
    相关文章 更多
    pinia数据持久化的步骤详解与插件配置教程
    pinia数据持久化的步骤详解与插件配置教程

    详解Pinia数据持久化的实现步骤,包括手动订阅状态、封装通用插件及处理序列化例外,帮助开发者构建稳定的前端状态存储方案。

    编程和我
    编程和我

    考取了程序员证书,却无法与“程序员”身份画等号,更偏爱算法和底层操作,对软件工程兴趣寥寥。编程作为兴趣能带来挑战与喜悦,一旦沦为重复工作便失去意义。坚持自然学习,远胜于强制赶进度。

    使用Golang操作TMDb API的使用小结
    使用Golang操作TMDb API的使用小结

    golang-tmdb库简化了与TMDbAPIv3的交互,支持获取电影、电视等媒体数据。需注册获取API密钥,支持自动重试和自定义基础URL。使用Go1.13+版本,通过goget安装后可用APIKey或BearerToken初始化客户端,常与GORM、Gin等库结合构建后端服务。

    C#怎么发送HTTP请求 C#如何使用HttpClient调用REST API接口获取数据【网络】
    C#怎么发送HTTP请求 C#如何使用HttpClient调用REST API接口获取数据【网络】

    C#怎么发送HTTP请求 C#如何使用HttpClient调用REST API接口获取数据【网络】 HttpClient 必须复用,不能每次 new 很多开发者踩的第一个坑,就是图省事,在方法里直接 new HttpClient()。这看似方便,实则后患无穷。频繁创建新实例,会导致底层套接字端口来不

    Golang 测试 HTTP API 方法详解
    Golang 测试 HTTP API 方法详解

    使用httptest可高效测试GolangHTTPAPI。1.用NewRecorder模拟请求并检查状态码、响应体和头信息;2.测试路由和中间件时将ServeMux注入测试;3.用NewServer启动临时服务进行端到端验证。

    PHP API接口开发指南_PHP RESTful设计详解
    PHP API接口开发指南_PHP RESTful设计详解

    开发PHPRESTfulAPI需理解HTTP协议与REST设计原则,使用GET、POST、PUT、DELETE等方法操作资源。2.项目结构应包含入口文件index.php、数据库配置、模型和响应工具。3.通过.htaccess实现URL重写,统一请求入口。4.index.php解析请求路径与方法,调用对应逻辑处理并返回JSON格式数据。

    想让Pandas更快?试试Modin加速!
    想让Pandas更快?试试Modin加速!

    选自towardsdatascience作者:ParulPandey机器之心编译参与:GeekAI、Chita「通过更改一行代码扩展你的pandas工作流。」Pandas是数据科学领域的专业人员所熟知的库。它提供了高性能且易于使用的结构和数据分析工具。然而,当处理超大数据集时,单核运行的Pandas性能会大打折扣,用户不得不转向不同的分布式系统来提升性能。然而,为了提升性能而进行的这种权衡会带来陡峭的学习曲线。实际上,用户只希望Pandas运行得更快,而不是为特定的硬件设置调整他们的工

    DirectX Redist 2010年2月版发布
    DirectX Redist 2010年2月版发布

    今天微软发布了2010年首个directxredistribute。推荐各位更新。不知directx为何物的同学请看此处(引用自微软):MicrosoftDirectX是这样一组技术:它们旨在使基于Windows的计算机成为运行和显示具有丰富多媒体元素(例如全色图形、视频、3D动画和丰富音频)的应用程序的理想平台。DirectX包括安全和性能更新程序,以及许多涵盖所有技术的新功能。应用程序可以通过使用DirectXAPI来访问这些新功能。下载地址http://download.micr

    诺基亚API登陆谷歌云,开发者使用更便捷
    诺基亚API登陆谷歌云,开发者使用更便捷

    近日,诺基亚宣布其三项网络API——按需服务质量、号码验证以及设备位置验证——正式登陆谷歌云市场,为全球开发者提供更加便捷的API接入方式。谷歌云市场为用户打造了一个集中展示谷歌云及其合作伙伴生态解决方案的统一目录,方便用户查找和使用所需服务。开发者可以通过谷歌云市场调用诺基亚的API,结合“网络即代码”平台及开发者门户的功能,在无需深入理解底层网络技术的前提下,实现对网络能力的标准化访问,从而在全球移动网络中开发并部署新型应用。未来,诺基亚还将陆续推出更多API上线谷歌云市场。诺基亚

    VBA API_04:如何创建按钮
    VBA API_04:如何创建按钮

    在创建了窗体的基础上,接下来我们将进一步添加一个按钮来增强程序的交互性。按钮是Windows系统中预定义的控件,因此无需额外注册,直接使用CreateWindowEx函数即可。在创建窗体之后、显示窗体之前,我们可以插入代码来创建这个按钮。按钮的父窗口句柄(hWndParent)应当设置为之前创建的窗体的句柄(hWnd):'创建窗体hWnd=CreateWindowEx(0,"myForm","myForm",WS_OVERLAPPEDWINDOW,CW_USEDEFAULT,CW_USED

    查看更多
    精品专题 更多
    装机必备
    装机必备

    正软商城装机必备专区,精选办公、浏览器、安全防护、影音播放、压缩解压、设计创作和系统工具等电脑常用正版软件,帮助用户快速完成新电脑软件配置。

    Windows
    Windows

    正软商城Windows软件专区,汇集适用于Windows电脑的办公、设计、安全防护、影音播放、开发工具和系统优化软件,提供软件介绍、系统要求、正版授权及购买下载服务。

    PDF教程
    PDF教程

    正软商城PDF教程频道提供PDF编辑、转换、合并、拆分、压缩及格式处理方法,同时介绍常用PDF软件和工具的使用技巧。

    Mac软件 更多
    讯飞智作 网页版
    讯飞智作 网页版
    Windows/ macOS/ Linux

    讯飞智作是一款基于语音合成技术、虚拟人驱动技术与数字人形象声音构建能力的 AI 数字人音视频创作平台。

    火山引擎 网页版
    火山引擎 网页版
    Windows/ macOS/ Linux

    火山引擎是字节跳动旗下企业级云与AI服务平台。聚焦大模型核心能力,依托字节自研豆包多模态大模型,凭借火山方舟一站式平台,提供模型精调、推理部署、智能应用搭建等全链路服务,结合高性能AI算力,助力各行业快速落地大模型数字化与智能化应用。

    Aperty macOS版
    Aperty macOS版
    macOS

    Aperty 是 Skylum 推出的 AI 人像修图软件,支持自然肤质修饰、瑕疵处理、面部与身体调整、预设及批量同步。

    WINDOWS 更多
    讯飞智作 网页版
    讯飞智作 网页版
    Windows/ macOS/ Linux

    讯飞智作是一款基于语音合成技术、虚拟人驱动技术与数字人形象声音构建能力的 AI 数字人音视频创作平台。

    火山引擎 网页版
    火山引擎 网页版
    Windows/ macOS/ Linux

    火山引擎是字节跳动旗下企业级云与AI服务平台。聚焦大模型核心能力,依托字节自研豆包多模态大模型,凭借火山方舟一站式平台,提供模型精调、推理部署、智能应用搭建等全链路服务,结合高性能AI算力,助力各行业快速落地大模型数字化与智能化应用。

    PixTV 网页版
    PixTV 网页版
    Windows

    PixTV 是一款在浏览器中使用的 AI 视觉内容创作平台,提供图片、视频、音频、文字生成、AI 分镜、局部重绘、提示词反推和无限画布等工具,适合短剧、漫剧、广告及社交媒体内容制作。