CompositionAPI

Vue3+TypeScript从入门到进阶（五）——Vue3基础知识点（下）——附沿途学习案例及项目实战代码

文章目录一、简介二、Vue2和Vue3区别三、Vue知识点学习九、CompositionAPI1、Mixin和extends2、CompositionAPI3、ReactiveAPI、RefAPI和readonly4
wuyxinu·2022-09-16 17:11

【经典面试题】vue2与vue3的区别

目录一.vue2和vue3双向数据绑定原理发生了改变二.Vue3支持碎片(Fragments)三.CompositionAPI四.建立数据data五.生命周期钩子—LifecyleHooks六.父子传参不同
燕穗子博客·2022-09-05 19:13

Vue3中全局配置 axios 的两种方式

边看边学边记录系列，正好到Vue3了今天就和大家一起学习并记录一下Vue3的CompositionAPI(组合式API)中是如何全用使用Axios的！
Fashion_Barry·2022-09-05 11:04

网易云-Vue3实战商城后台管理系统开发无mi

昨天还是Vue2的OptionsAPI的忠实信徒，结果今天搞了Vue3的CompositionAPI之后，直呼Vue3真香！接下来，我们从分
·2022-09-03 16:11

web前端面试高频考点——Vue3.0新增API（生命周期，ref、toRef 和 toRefs 的理解和最佳使用方式）

二、Vue2和Vue3生命周期区别1、OptionsAPI生命周期2、CompositionAPI生命周期三、如何理解CompositionAPI和OptionsAPI
前端杂货铺·2022-09-01 20:25

vue3知识点：计算属性与监视属性

文章目录二、常用CompositionAPI7.计算属性与监视属性1.computed函数案例：拼姓名字符串，同vue2计算属性案例类似完整代码2.watch函数案例：计算求和完整代码3.watchEffect
刘大猫.·2022-09-01 13:18

介绍一种在Vue 3.0 下封装第三方插件的方法

本文仿照Vuex的使用方法，结合Vue3.0的CompositionAPI，实现一种在Vue3.0下封装第三方插件的方法。本文以封装Axios为例进行说明。
懒人Ethan·2022-08-29 09:43

vite + vue3 + setup + pinia + ts 项目实战

介绍一个使用vite+vue3+pinia+ant-design-vue+typescript完整技术路线开发的项目，秒级开发更新启动、新的vue3compositionapi结合setup纵享丝滑般的开发体验
sssgoEasy·2022-08-27 00:06

Vue3 携手 TypeScript 搭建完整项目结构

目录一、项目搭建二、OptionAPI风格三、CompositionAPI风格refreactive四、自定义Hooks五、小建议六、一个完整的Vue3+ts项目七、结束TypeScript是JS的一个超级
·2022-08-25 09:39

Vue3中defineEmits、defineProps 是怎么做到不用引入就能直接用的

最近正在将一个使用单文件组件的OptionsAPI的Vue2JavaScript项目升级为Vue3typescript，并利用CompositionAPI的优势。
喆星高照·2022-08-25 09:00

vue 状态管理 pinia

piniapinia成为正式的vue状态库，pinia就是vuex5同时支持CompositionApi和Optionsapi的语法去掉mutations，只有state、getters和actions
WangL0101·2022-08-21 18:48

Vue3+TypeScript学习笔记

reference)对象用法：js中操作数据:xxx.value，模板中操作数据:不需要.value{{count}}更新import{ref}from'vue'exportdefault{/*使用vue3的compositionAPI
九号窗口·2022-08-19 17:27

关于Vue3父子组件emit参数传递问题(解决Vue2this.$emit无效问题)

2.Vue3现在由于compositionAPI的方式
·2022-08-19 12:13

vue新玩法VueUse工具库具体用法@vueuse/core详解

VueUse是一个基于CompositionAPI的实用函数集合。通俗的来说，这就是一个工具函数包支持了更好的逻辑分离，
·2022-08-19 12:38

VueUse使用及造轮子选择对比示例详解

CompositionAPI让我得心应手。之前react开发选的是react16，ahooks是我接触最多的hooks库了，很贴合我的业务。在使用vue3的时候开发的时候选取了vueuse。‍
·2022-08-18 09:16

Vue3+TS快速上手

TypeScript快速上手初识TypeScript安装TypeScript第一个TypeScript程序TypeScript常用语法基础类型接口类函数泛型二、认识vue3认识vue3创建vue3项目CompositionAPI
偷一只猪ma·2022-08-13 13:11

Vue3-Composition API 快速上手（简单易懂）

Vue3-CompositionAPI快速上手Vue3-CompositionAPI快速上手（简单易懂）Vue3简介Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性创建
Thetimezipsby·2022-08-13 13:07

浅谈我为什么不使用VueUse，而选择造轮子

CompositionAPI让我得心应手。之前react开发选的是react16，ahooks是我接触最多的hooks库了，很贴合我的业务。在使用vue3的时候开发的时候选取了vueuse。‍
·2022-08-12 12:27

快速上手Vue3

快速上手Vue3‍♀️1.OptionAPI和CompositionAPI‍Setup函数ReactiveAPI和RefAPIreadonly‍补充：Reactive判断的API和ref判断的API‍computed
贤蛋大眼萌·2022-08-12 10:05

Pinia安装配置

pinia使用的是CompositionAPI，所以对熟练使用vue3的小伙伴来说还是挺友好的，那vue2的小伙伴不就要开始方了，莫方！
浅睡的入梦·2022-08-09 10:30

在vue中写jsx的几种方式

目录版本render函数jsx/tsx使用jsx的几种方式使用js对象注册component使用.vue文件vue2.7在.vue文件中结合compositionApi和jsx版本本文版本配置vue:2.7.2vue-cli
·2022-08-07 11:02

VUE3学习【多方搬运/学习】(一)

操作一个数据往往会影响到data,methods,computed,watch由此带来了大量的逻辑耦合，因此vue2给出了解决方案那就是Mixin，但是Mixin经常导致命名冲突等各种问题，所以Vue3推出了CompositionAPI
·2022-08-06 11:20

vue3基础知识剖析

compositionAPIsetupsetup语法糖ref、reactivewatch跟watchEffectcomputed（计算属性）组件通信propsemit插槽vue2中的使用vue3中的使用生命周期vue-router4.0CompositionAPI
·2022-08-05 16:59

uniapp开发：uniapp快速体验vue3.2之setup语法糖，怎么使用怎么爽

reactive函数对比computed计算属性监视（watch、watchEffect）组件注册组件传值provide/injectstyle样式使用v-bind绑定动态值获取路由信息全局API的转移CompositionAPI
咩咩咩咩没·2022-08-05 07:14

浅析vue3响应式数据与watch属性

是Vue3的compositionAPI中2个最重要的响应式APIref用来处理基本类型数据,reactive用来处理对象(递归深度响应式)如果用ref对象/数组,内部会自动将对象/数组转换为reactive
·2022-07-28 12:19

一文详解Vue3中使用ref获取元素节点

onMountednextTickwatchEffectwatchv-for中使用动态绑定ref设置函数通过getCurrentInstance方法获取vue实例前言：本文介绍在vue3的setup中使用compositionAPI
·2022-07-27 09:51

Vue3.x 新特性总结

Vue3.x官网注：新版vue3的setup语法糖更为简洁，详见Vue3scriptsetup语法糖，超爽体验一、CompositionAPI简介Vue2时的方式在代码很少的时候，逻辑结构还是蛮清晰的，
·2022-07-20 18:17

vue3知识点：customRef

文章目录三、其它CompositionAPI(不常用，了解即可)4.customRef测试案例完整代码本人其他相关文章链接三、其它CompositionAPI(不常用，了解即可)4.customRef作用
刘大猫.·2022-07-19 19:53

使用Vite构建Vue3组件库

前言自从使用上vite和vue3后就爱不释手了，vite的秒级启动速度属实香，再加上vue3的CompositionAPI和setup语法糖的使用简便性，工作中新项目已经开始用这一套了。
ZERO丶X·2022-07-15 07:16

学习vue3+ composition API笔记 第一天

setup函数setup()函数是compositionAPI统一入口，执行时间在生命周期的beforeCreate和created之间这个东西没弄懂`//@isanaliasto/srcimport{
奔跑的胖潘·2022-07-13 16:54

Vue3核心源码解析第七课 生命周期

在Vue.js2.x中，我们通常会在组件对象中定义一些生命周期钩子函数，到了Vue.js3.0，依然兼容Vue.js2.x生命周期的语法，但是CompositionAPI提供了一些生命周期函数的API，
办公模板库 素材蛙·2022-07-13 07:18

Vue3的常用api

我们会在data里面去定义响应式数据,来对数据进行保存,在methods里面,我们一般会写方法去进行对数据的增删改查,这一种方法我们将其称为OptionsApi(选项api),但是在vue3中,我们会使用CompositionApi
稗子酒·2022-07-12 16:49

Vue3 Composition API教程

vue3最大的改变是加入了这个灵感来源于ReactHook的CompositionAPI（组成API），这个API将对vue编程产生了根本性变革，但是vue3还是兼容vue2的OptionsAPI。
perryhuan9·2022-07-12 16:46

Vue3 setup中使用生命周期函数

一.setup简单介绍setup是组合CompositionAPI中的入口函数，也是第一个要使用的函数。setup只在初始化时执行一次，所有的CompositionAPI函数都在此使用。
面条请不要欺负汉堡·2022-07-12 16:45

围绕Vue 3 Composition API构建一个应用程序，包含一些最佳实践！

1.Vue3和CompositionAPI的状况Vue3已经发布了一年，它的主要新功能是：CompositionAPI。从2021年秋季开始，推荐新项目使用Vue3的scriptsetu
·2022-07-12 08:27

VueUse功能精简你的dependencies

目录引言使用前安装网页全屏剪切板取色器拖拽元素本地缓存其他安全区域动态修改favicon引言VueUse是一个基于CompositionAPI的实用函数集合，支持Vue2和Vue3，使用它可以帮助我们快速实现日常开发中一些常见的需求
·2022-07-07 12:31

从0开始手把手带你入门Vue3-全网最全(1.1w字)

——王安石前言本文并非标题党，而是实实在在的硬核文章，如果有想要学习Vue3的网友，可以大致的浏览一下本文，总体来说本篇博客涵盖了Vue3中绝大部分内容，包含常用的CompositionAPI(组合式API
十四亿少女梦·2022-07-06 07:19

动画详解Vue3的Composition Api

目录回顾OptionApiOptionApi的缺陷CompositionApi众所周知，Vue3.0带来了一个全新的特性——CompositionAPI。
·2022-07-01 17:05

Vue3编程流畅技巧自定义Hooks

：写Vue3请摆脱Vue2无脑this的思想：几张动图复习CompositionApi的好CompositionApi解耦Vue2OptionApi实现低耦合高内聚定义一下Vue3的自定义Hook：实例
·2022-07-01 17:05

vue-admin-chart实现管理后台登陆页面，axios请求restful接口，Composition API风格

vue-admin-chart管理后台登陆界面是基于Vue3.2vue-cli5vue-router4ElementPlus2.2Pinia2.0状态管理存储axios网络请求等搭建，采用TS(TypeScript)脚本语言，以Compositionapi
·2022-06-30 12:12

composition api在项目中的使用总结

背景第一次知道compositionapi是从vue3的RFC提案中听说的，印象最深的是optionsapi和compositionapi的对比图：这种图片很清晰的描述出compositionapi的优势
·2022-06-27 19:24

非常漂亮的后台Vue3+ElementPlus+Pinia+Echarts，API-Mock双接口Composition api

Vue3.2+/Vue-cli5.0+/Vue-router4.0+、Axios0.2.7、Element-plus2.2+、Pinia2.0+、ECharts5.3.2以及Mockjs等搭建，项目是以Compositionapi
·2022-06-21 11:20

composition api和react hooks的对比

一.我的走位:保持中立1.各有各的好处,谁也别说谁2.一个东西带来了好处,相应的副作用肯定也有,人无完人二.vue3的compositionapi和reacthooks的对比1.compositionapi
大熊丨rapper·2022-06-16 14:00

vue3自定义hooks/可组合函数方式

目录自定义hooks/可组合函数1.mixins方式的痛点2.传统mixins方式示例3.自定义hooks方式示例vue3(hooks)自定义hooks/可组合函数vue3compositionapi下
·2022-06-15 14:07

详解Vue 自定义hook 函数

本质是一个函数，把setup函数中使用的CompositionAPI（组合API）进行了封装类似于vue2.x中的mixin自定义hook的优势：复用代码，让setup中的逻辑更清楚易懂使用首先我们做一个功能
·2022-06-15 14:06

Building Vue3 + Typescript + without cli 最佳实践

随着Vue3正式版的到来，带来了一些新的特性：CompositionAPI:这是一个从reacthooks上受启发的组件Portals:可以在vue当前组件外渲染dom节点Fragments:允许有多个
halapro_liu·2022-06-13 20:41

带你一文了解Vue生命周期钩子

生命周期流程图运行生命周期挂钩beforeCreate()created()beforeMount()mounted()beforeUpdate()updated()beforeUnmount()unmount()组合式API（CompositionAPI
·2022-06-11 18:18

Vue组件如何设置Props实例详解

目录属性类型属性默认值属性值验证CompositionAPI中设置属性总结在Vue中构建组件通常需要定义一些属性，以使组件可以更好复用，在这种情况下会使用props来自定义数据来传递数据。
·2022-06-09 20:27

Vue3.0新增特性以及与2.0差异（部分整理未完待续。。。）

文章目录前言一、Vue3.0新增特性1.性能方面2.模块化打包3.向下兼容4.Teleport组件5.Suspense组件6.CompositionAPI二、Vue3.0与2.0的差异1.生命周期函数升级
跟小猿学前端·2022-06-08 07:06

速懂vue3.0新特性及vue2.0区别

TypeScript传送门目录从vue2.0到vue3.0必备知识一、简单介绍vue3.0(性能比2.x快1.2～2倍)二、常用CompositionAPI1.setup(props,context)2
web前端小龚·2022-06-08 07:34
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他