51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

vue3 Composition API
Vue3 Composition API 是 Vue.js 的新版本中引入的一种新特性，它允许开发者更灵活地组织和重用代码。Composition
vue.js
前端
javascript
API
模块化
原创
特创码农
2024-01-21 00:26:54
161阅读

vue3 composition api
# 从零开始学习Vue3 Composition API ## 概述 在Vue3中，Composition API是一个新的API，它使得代码复用更加容易。与Vue2的Options API相比，Composition API更加灵活和可维护。在本文中，我们将介绍如何在Vue3中使用Composition API来构建一个简单的应用程序。 ## 步骤 | 步骤 | 描述 | | ---- |
API
初始化
Vue
原创
mob64e737fe24a7
2024-04-28 10:39:28
92阅读

Vue3 Composition API
什么是组合式 API？ https://www.vue3js.cn/docs/zh/guide/composition-api-introduction.html 通过创建 Vue 组件，我们可以将接口的可重复部分及其功能提取到可重用的代码段中。仅此一项就可以使我们的应用程序在可维护性和灵活性方面走 ...
Vue
数据
响应式
sed
更新数据
转载
mb5fed701509fd9
2021-09-03 16:19:00
553阅读
2评论

打包 Composition API、Vue3
到目前为止 Vue 为我们提供了两种开发组件的 API 风格，选项式 API 和组合式 API。组合式 API 可以由我们导入不同的 API 函数来描述组件的逻辑，在 SFC 组件中通常还
前端
Vue.js
json
鼠标移动
监听事件
原创
前端小鑫同学
2022-06-06 00:56:21
255阅读

【vue3常用 Composition API】
【vue3常用 Composition API】
javascript
前端
开发语言
数据
响应式
原创
wx633288bd5c53e
2022-09-27 13:50:11
106阅读

Vue3 其他Composition API
文章目录shallowReactive 和 shallowRefreadonly 与 shallowReadonlytoRaw 和 markRawCustomRefprovid但变化时只是外层属性变化=>shallowRea
vue
响应式
数据
ide
原创
qq5d510d208e604
2022-06-06 12:29:39
118阅读

vue3之Composition API详解
Composition API也叫组合式API，是Vue3.x的新特性
响应式
ide
数据
原创
前端进阶之旅
2022-03-25 15:48:32
503阅读

vue3核心的composition API
setupsetup是vue3提出的一个非常重要的选项，也是Composition Api最为核心的语法之一。setup执行时机是在beforeCreate之前执行的。setup返回的是一个对象，对象中的所有属性都是可以在template中使用setup中不能使用thissetup中注册生命周期onMounted、watch、computed等，我们会在下边详细讲解setup参数propscont
数据源
双向绑定
语法糖
原创 精选
米女巫
10月前
170阅读

Vue3 Composition API如何替换Vue Mixins
想在你的Vue组件之间共享代码？如果你熟悉Vue 2 则可能知道使用mixin，但是新的Composition API 提供了更好的解决方案。
vue.js
javascript
前端
响应式
显式
原创
开源字节
2022-11-01 18:42:31
261阅读

Vue3 Composition API 如何替换Vue Mixins
想在你的vue组件之间共享代码？如果你熟悉 vue 2 则可能知道使用 mixin ，但是新的 Composition API 提供了更好的解决方案。 在本文中，我们将研究mixins的缺点，并了解Composition API如何克服它们，并使Vue应用程序具有更大的可伸缩性。 回顾Mixins功
javascript
响应式
显式
数据属性
函数返回
转载
mb5fcdf3205bda3
2020-09-22 14:57:00
694阅读
2评论

vue3 composition API 中使用 vuex
下面是一个vue3 composition API 中使用vuex的实例todoList，用到了state，mutations，actions，可以把自己之前用vue2的旧语法改写成vue3的语法，使用setup，ref, reactive, toRefs，useStore等，完整代码指路：gith ...
vuex
vue3
css
同步操作
异步操作
转载
mob604757044d68
2021-09-12 22:42:00
493阅读
2评论

vue3使用Composition API 开发TodoList
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
html
封装
原创
xyphf_和派孔明
2022-07-22 09:31:45
66阅读

Vue3学习笔记 —— Composition API 快速入门
Vue3 Composition API 学习一、学习预览二、创建 Vue3 项目三、Vue3 引用和方法3.1 Composition API setup() 函数 的响应式引用3.2 Composition API setup() 函数 响应式对象3.3 Composition API setup() 函数 参数四、Vue3 Composition API 使用总结一、学习预览Setup响应式应用方法计算属性Watch二、创建 Vue3 项目前提查看一下你的 Vue 版本是否
vue
vue3
响应式
插值
数据
原创
Gorit
2021-09-03 14:28:52
403阅读

Vue3中Composition API的核心用法
什么是Composition API?Composition API也叫组合式API，是Vue3.x中的新特性。通过创建Vue组件，我们可以将接口的可重复部分提取到可重用的代码段中，没有Composition API之前Vue相关业务的代码需要配置到option的特定区域，如果在大型项目中这种方式会导致后期的维护性比较复杂，同时代码可复用性不高，Vue3的Composition API就是解决这个问题的。在setup中使用ref和reactive定义响应式数据使用ref和reactive定义数据
vue.js
javascript
前端
数据
ide
原创
wb59770b05237ae
2021-12-16 15:23:40
284阅读

Vue3的Composition API 之 Setup函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic
html
初始化
生命周期
原创
xyphf_和派孔明
2022-07-22 09:36:28
37阅读

赶上Vue3 Composition函数集这班车
速览本文主要目的是为了介绍 vue-reuse 仓库，它提供了一个 TS + Composition API、TS + jest以及vuepress的练手机会，也能够在练习的同时产出将来会用得上的Composition函数集。现有 composition 复用函数的文档地址： xuguo.xyz/vue-reuse/了解更多： github.com/xus-code/vu…vue-reuse 在做
Vue3 Composition
转载
mb600beaa63f802
2021-01-25 19:16:43
295阅读
2评论

Vue3中Composition API的核心用法
什么是Composition API?Composition API也叫组合式API，是Vu
vue.js
javascript
前端
数据
ide
原创
wb59770b05237ae
2022-01-12 13:49:45
117阅读

Vue3学习笔记 —— Composition API 快速入门
Vue3 Composition API 学习一、学习预览二、创建 Vue3 项目三、Vue3 引用和方法3.1 Composition API setup() 函数 的响应式引用3.2 Composition API setup() 函数 响应式对象
vue
vue3
响应式
项目创建
数据
原创
Gorit
2022-01-24 10:48:52
203阅读

【Vuejs】1236- 图解 Vue3 Composition API
心思巧妙，值得看看
数据
javascript
赋值
转载
pingan8787
2022-08-10 09:25:43
106阅读

687 vue3 Composition API：computed，watchEffect，watch
computed 01_computed的使用.vue <template> <div> <h2>{{ fullName }}</h2> <button @click="changeName">修改firstName</button> </div> </template> <script> impo
响应式
数据
数据源
网络请求
html
转载
mb5ff980b461ced
2021-06-22 17:37:00
371阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

vue3的composition-api实践总结

Vue3组合式API 结合TypeScript vue3 composition api文档

Vue3使用Composition API的方式使用Vuex

Vue3教程：结合 Ant-Design-of-Vue 实践 Composition API

vue2升级vue3: TSX Vue 3 Composition API Refs

Vue3中Composition 其他一些API

Vue3, setup语法糖、Composition API全方位解读

vue3的composition api 如何使用render创建组件

vue3 -- 通过简单示例，聊一聊Composition API

Vue3-Composition API

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯