CompositionAPI

Vue3基础-讲义md

Vue3新增特性:性能虚拟DOM的重写打包大小减少(treeshaking)初次渲染快内存使用减少(compositionAPI)新增语法(compositionAPI)ref和reactivecomp
无敌最硬朗·2023-12-28 14:45

vue前端的ref()用法

在JavaScript和Vue.js中，ref()是一个函数，通常用于Vue3的CompositionAPI。这个函数用于创建一个响应式引用（reactivereference）。
白天的我最菜·2023-12-27 10:50

Pinia的简单使用

2.设计使用的是Compositionapi，更符合vue3的设计思维。3.Pinia对Vue2和Vue3都有效，并且不需要您使用组合API。
微笑的弧度_c50f·2023-12-26 23:11

Vue3使用的Compostion Api和Vue2使用的Options Api有什么不同？

我们介绍CompostionApi和OptionsApi的区别之前，先来说一下为什么会推出来CompositionApi，解决了什么问题？
SwJieJie·2023-12-26 22:52

Vue-Pinina基本教程

如果您熟悉CompositionAPI，您可能会认为您已经可以通过一个简单的exportconststat
大米☋·2023-12-26 16:31

最新版本Vue3的学习笔记-第三章(第一部分)

【OptionsAPI与CompositionAPI】Vue2的API设计是Options（配置）风格的。Vue3的API设计是Composition（组合）风格的。
.徐十三.·2023-12-25 15:16

compositionAPI和OptionsAPI

在Vue3中，引入了一种新的方法，叫做CompositionAPI。现在，如果我们想在Vue中制作一个组件，我们有两种方法可以做到。
CQXXTXX·2023-12-24 08:42

2024 年最值得推荐的 7 个 Vue3 组件库

Vue是一款易学易用，性能出色，适用场景丰富的渐进式JavaScript框架，深受广大开发者的喜爱，Vue3更是推出了CompositionAPI，让逻辑复用更友好。
Kagol·2023-12-23 02:54

25 在Vue3中使用生命周期函数

它主要用于使用CompositionAPI，处理方式与Vue处理脚本设置的方式相同。beforeCreate该功能在组件初始化时运行，此时数据尚未被反应
Python私教·2023-12-21 12:14

Vue3自定义hooks

Vue3的组合式API中引入了函数(hooks)，主要解决了以下一些问题：逻辑复用：CompositionAPI提供了更灵活
heiyay·2023-12-20 12:18

vue2与vue3的区别

不建议看写法上模板语法vue2必须有根节点vue3可以有多个根节点vue2是选项式API生命周期直接在里面使用即可，vue3是compositionAPI（组合式API）生命周期使用需要先引入生命周期上
伊昂呀·2023-12-20 07:28

Vue 3 系统性学习看这一篇就够了

整理记录一些笔记方便，在若干年后，在不使用Vue的情况下，看到这篇文章能够达到快速记忆的目的，记录遗漏的点，大家也可在评论区提出来进行修正文章目录Vue3简介Vue3带来了什么创建Vue3.0工程常用CompositionAPI
刘架构·2023-12-19 21:07

vue 生命周期

create----在组建创建时执行挂载mount----DOM被挂载时执行更新update----当响应数据被修改时执行销毁destory----在元素被销毁之前立即执行3、调用方式optionsAPI和compositionAPI
xp_1711·2023-12-19 03:35

vue3的使用和知识点

下面是一些Vue3的使用和知识点：1.CompositionAPI：Vue3引入了CompositionAPI，它是一种基于函数的API，可以更好地组织和复用组件逻辑，使代码更加可读和可维护。
2301_79080050·2023-12-17 09:40

Vue3+Setup+TypeScript实现主题切换(浅色、深色、跟随系统)

使用Vue3的CompositionAPI、TypeScript以及语法糖，实现动态主题切换，能够在‘light’（明亮）、‘dark’（暗黑）和‘system’（系统）主题之间切换，并且使用localStorage
远小帅·2023-12-17 07:56

vue3 setup语法糖

虽然CompositionAPI用起来已经非常方便了，但是我们还是有很烦的地方，比如组件引入了还要注册属性和方法都要在setup函数中返回，有的时候仅一个return就十几行甚至几十行不想写啊怎么办好办
Tencent IT·2023-12-17 02:15

vue3快速上手

vue3快速上手一创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二常用compositionAPI1.setup1.理解：vue3.0中的一个新的配置项，值为一个函数2.setup是所有
叶浩成520·2023-12-17 02:05

React Hooks学习指北

的强大能力，并纷纷加入到Hooks的使用大军中：2019年2月，React正式发布v16.8版本，引入Hooks能力（最新的v18中，还新增了5个HooksAPI）；2019年6月，尤雨溪提出了Vue3CompositionAPI
piter苏·2023-12-16 16:49

Vue 3与Composition API：入门指南

Vue3是Vue框架的最新版本，它引入了CompositionAPI，这是一个全新的API，与Vue2的OptionsAPI有很大的不同。
预众。·2023-12-16 11:32

vue学习笔记之组合式API

第九章组合式API文章目录第九章组合式API9.1认识组合式API(CompositionAPI)9.2setup()方法应用9.3Composition常见API9.3.1响应式API9.3.2计算属性
bfbshs_ddd·2023-12-16 01:58

React Hooks学习指北

的强大能力，并纷纷加入到Hooks的使用大军中：2019年2月，React正式发布v16.8版本，引入Hooks能力（最新的v18中，还新增了5个HooksAPI）；2019年6月，尤雨溪提出了Vue3CompositionAPI
大转转FE·2023-12-15 15:27

Vue 3实现的移动端两指控制图片缩放功能

使用Vue3的CompositionAPI来实现的图片缩放功能。这是一个使用touch事件来实现的简单双指缩放图片的功能。
无妄的罪·2023-12-15 05:22

Vue3.0的setup学习笔记

1、setup的理解setup组件选项在组件创建前执行，一旦props被解析，并充当CompositionAPI的入口，也就是说组合API是在setup这个选项函数中使用的。
听书先生·2023-12-15 02:01

VueUse工具库

VueUse是一个基于CompositionAPI的实用函数集合。通俗的来说，这就是一个工具函数包支持了更好的逻辑分离，它可以帮助你快速实现一些常见的
...lemon_...·2023-12-14 15:25

Vue自定义hook函数

hook本质是一个函数，可以把setup函数中使用的CompositionAPI进行封装。hook类似于Vue2中的mixin混合。自定义hook的优势：复用代码，让setup中的逻辑更加清晰易懂。
小吴吴吴呀·2023-12-07 00:31

Vue3为什么会推出组合式API

什么是组合式APIVue3引入了一种新的API，称为“组合式API”（CompositionAPI）。
heiyay·2023-12-06 21:15

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

面试官：Vue3.0所采用的CompositionApi与Vue2.x使用的OptionsApi有什么不同？
C+ 安口木·2023-12-04 19:31

VUE3组合式API，这样写最优雅

官方解释：组合式API(CompositionAPI)是一系列API的集合，使我们可以使用函数而不是声明选项的方式书写Vue组件。组合式API通过组合函数来实现更加简洁高效的逻辑复用。
✎﹏ℳ๓₯㎕·2023-12-03 19:23

一文从Vue2过渡到Vue3

文章目录Vue3简介创建Vue3.0工程使用vue-cli创建使用vite创建Vue3工程结构变化常用CompositionAPI拉开序幕的setupref函数reactive函数Vue3.0中的响应式原理
十八岁讨厌编程·2023-12-03 19:06

【vue-router】useRoute 和 useRouter 的区别

目录引言官方文档useRoute函数useRouter函数useRoute和useRouter区别结语开源项目引言在Vue3.2中，VueRouter提供了一些新的API以更好地与CompositionAPI
有来技术·2023-12-03 15:51

Vue3中定义变量是选择ref还是reactive？

它们都是Vue3CompositionAPI的一部分。ref：ref用于创建一个包装基本数据类型的响应式对象。它接受一个初始值，并返回一个包含value属性的对象。
heiyay·2023-12-03 01:47

前端入门（五）Vue3组合式API特性

文章目录Vue3简介创建Vue3工程使用vite创建vue-cli方式常用CompositionAPI启动项-setup()setup的执行时机与参数响应式原理vue2中的响应式vue3中的响应式ref
椛丿未眠”·2023-12-02 22:54

vue3新特性 compositionAPi与React.js中Hooks的异同点

1.React.js中的Hooks基本使用ReactHooks允许你"勾入"诸如组件状态和副作用处理等React功能中。Hooks只能用在函数组件中，并允许我们在不需要创建类的情况下将状态、副作用处理和更多东西带入组件中。React核心团队奉.上的采纳策略是不反对类组件，所以你可以升级React版本、在新组件中开始尝试Hooks,并保持既有组件不做任何更改。useState和useEffect是R
CQXXTXX·2023-12-02 07:06

自定义hook函数与toRef

本质是一个函数，把setup函数中使用的CompositionAPI进行了封装。类似于vue2中的mixin。自定义hook的优势：复用代码，让setup中的逻辑更清除易懂。怎么用？
小巨要做一个很棒的人·2023-12-02 07:19

vue3 Hooks函数使用及常用utils封装

hooks是什么vue3使用了compositionAPI，我们可自定义封装hooks，达到复用，在Vue2中采取的mixins，对mixins而言，hooks更清楚复用功能代码的来源,更清晰易懂。
我总是词不达意·2023-12-02 07:12

[html] 7种方法实现CSS左侧固定，右侧自适应布局

彩蛋：后台管理系统一站式平台模板vue-next-admin，这是基于vue3.x+CompositionAPI+typescript+vite+elementplus+vue-router-next+
lyt-top·2023-12-01 00:12

Vue3的常见30道核心面试题，会vue3的你，是不是的掌握了

答：Vue3是Vue.js框架的最新版本，它增加了很多新特性，包括CompositionAPI、Teleport、Suspense和Fragment等。2.Vue3CompositionAPI是什么？
蓝色心灵-海·2023-12-01 00:53

vue3知识点：toRef函数和toRefs函数

文章目录二、常用CompositionAPI10.toRef函数案例：区分toRef与toRefs项目代码本人其他相关文章链接二、常用CompositionAPI问题：啥叫“组合式API”？
刘大猫.·2023-11-30 17:16

简介vue

目录一、介绍渐进式框架单文件组件选项式API(OptionsAPI)组合式API(CompositionAPI)该选哪一个？
冰海恋雨.·2023-11-29 16:50

Vue3全家桶升级指南一composition API

1、setup()vue3中的compositionAPI中最重要的就是setup方法了，相当于组件的入口，所有的compositionAPI都必须放到setup()中的使用。
前端无忧网·2023-11-28 11:49

Vue3 composition API如何实现逻辑复用

CompositionAPI实现逻辑复用的步骤：抽离逻辑代码到一个函数，这个函数命令约定为useXXX格式（这点同ReactHooks）在setup中引用函数useXXX举下例子，定义一个获取当前鼠标位置的方法第一种
miao8862·2023-11-28 04:56

Vue3进阶5个小知识点 附带源码

{{count}}import{ref}from'vue'constcount=ref(0)2.使用CompositionAPIVue3引入了一种新的API，称为CompositionAPI，它允许
特创数字科技·2023-11-26 15:14

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第九章 登录开发 (Pinia的使用和数据持久化)

如果您熟悉CompositionAPI，您可能会认为您已经可以通过一个简单的exportcon
SmallTeddy·2023-11-26 05:39

一文带你打通Vue3、TypeScript基础

文章目录创建项目创建项目Vue3与Vue2中的main.js的区别组合式API(compositionAPI)setup函数数据响应式---reactive函数以及ref函数计算属性computed函数监视属性
孜然香菜·2023-11-25 08:34

在 Vue3 成为默认版本后，盘点了 Vue3 与 Vue2 的区别

目录前言正文一、Vue3与Vue2区别概览二、Vue3与Vue2区别详述生命周期多根节点CompositionAPI异步组件（Suspense）Teleport响应式原理虚拟DOM事件缓存Diff算法优化打包优化自定义渲染
万里长江雪·2023-11-25 08:31

Vue3设计思想及响应式源码剖析 | 京东物流技术团队

CompositionAPI。受ReactHook启发对虚拟DOM进行了重写、对模板的编译进行了优化操作…2、V
京东云技术团队·2023-11-23 19:13

vue3迁移指南笔记

CompositionAPI1.setup选项是组合API的入口点2.利用reactive实现数据相应式，利用ref将基础数据类型包装成对象类型，使用reactive包裹teleport传送作用：使组件挂载到指定元素中
xin_满眼xin辰·2023-11-23 07:16

Vue3全局共享数据

相对于vuex3.x，有两个重要变动：去掉构造函数Vuex，而使用createStore()创建仓库为了配合compositionAPI，新增useStore()获取仓库对象先看一个使用vuex的例子：
下雪天的夏风·2023-11-23 05:32

Vue超好玩的新特性：DOM传送门

因为目前大多数的Vue3文章重点都在讲CompositionAPI和响应式的优化，虽然这些新特性很棒，但大家都把其他的新特性给忽略掉了。
手撕红黑树·2023-11-22 20:54

Vue2常见的缺陷与Vue3带来的新特性

文章目录一、Vue2的常见缺陷1.首先从开发维护的角度来看2.从社区的二次开发难度来说3.从我们普通开发者的角度来说二、Vue3的新特性1.RFC机制2.响应式系统3.自定义渲染器3.全部模块使用TS重构4.CompositionAPI5
NGUP_LEE·2023-11-22 16:18
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他