CompositionAPI

vue3.0新特性及与vue2.0的区别

CompositionAPI(组合API)：依赖：npminstall@vue/composition-api-saveMain.js：importVueCo
L_smwy·2022-06-08 07:02

为什么不建议在异步阶段注入 Vue 3.0 的生命周期

前言我们在使用Vue3.0CompositionAPI时，通常会在setup周期中利用生命周期hooks函数（onMounted、onBeforeDestroy等）完成对生命周期钩子的注入。
·2022-05-24 09:00

Vue3.0生命周期、组件通信、自定义指令、插槽、动画、API学习汇总

vue3.0中文文档Vue3.0新特性CompositionApi(最核心)v-model更改v-for的key节点上的使用情况更改v-if和v-for对同一元素的优先级更高ref内部v-for不再注册引用数组功能组件只能使用普通函数创建异步组件需要使用
前端打工人·2022-05-19 19:36

被迫开始学习Typescript —— vue3的 props 与 interface

vue3的propsVue3的props，分为compositionAPI的方式以及optionAPI的方式，可以实现运行时判断类型，验证属性值是否符合要求，以及提供默认值等功能。
金色海洋（jyk）·2022-05-19 15:00

基于Vue前端UI框架比较

由于增加了compositionapi，更加支持Ts，使得代码相对于Vue2更利于维护。
weixin_44481459·2022-05-16 14:24

完成第一个vue3.2项目有感

第一次CompositionAPI在vue3.2中，正式支持了scriptsetup的写法,这样可以大大简化组件的代码量，减少一些重复操作，我认为当你写vue3时，应该把这当作默认写法。
·2022-05-12 09:22

pinia--新一代vue状态管理方案（上手篇）

这着实不该...初始化npminitvite-apppinia-learn创建vue3项目npminstallpinia@next安装pinia注册pinia基本使用optionsapi方式定义状态使用状态Compositionapi
习惯水文的前端苏·2022-04-28 18:30

vue学习（56）setup

setup是所有CompositionAPI（组合API）的入口。组件中所用到的：数据、方法等等，均要配置在setup中。
哆啦C梦的百宝箱·2022-04-26 14:34

vue下一代状态管理Pinia.js 保证你看的明明白白！

1.pinia的简单介绍Pinia最初是在2019年11月左右重新设计使用CompositionAPI的Vue商店外观的实验。从那时起，最初的原则相同，但Pinia适用于Vue2和Vue3。
南风晚来晚相识·2022-04-25 17:00

vue-mobile-template 前端开源框架

基于vue3.x+CompositionAPI+javascript+vite+vant+vue-router-next+pinia的开源免费移动端模板，希望减少工作量，帮助大家实现快速开发移动端。
码农小易·2022-04-25 16:00

Day 47/100 Options API 和Composition API区别

OptionsAPI和CompositionAPI区别，没答上来。这里小结记录下。（二）介绍这俩可以归属到Vue2和Vue3的在写法层面的区别。
·2022-04-23 22:29

使用 Vue3 开发小程序

Vue3的新特性主要有CompositionAPI、Teleport、Fragments和&等。我们是否也可以在小程序开发中使用这些特性呢？
凹凸实验室·2022-04-23 01:53

Vue3组件通信总结

前言我们知道vue3的CompositionApi是它几个最大亮点之一，所以下文都是在setup中演示代码的实现。后面会以开发几个简单form组件为例子来演示。
ronghua_yang·2022-04-22 09:03

vue3对比vue2的改变

vue3正式版本刚刚发布,虽然之前就看过预览文档,但是这次是发布的正式版本值得好好总结一番在阅读vue3文档之前应当先了解proxy以便更好的理解CompositionApi(组合api)vue3文档地址
Lidppp·2022-04-09 22:29

vue3.2版本新特性

Vue3.2原文链接主要更新如下：1.新的单文件组件功能是一种编译时语法糖，可在SFC内使用CompositionAPI时极大地提升工作效率。v-bind在SFC标签中启用组件状态驱动的动态CSS值。
Lilio1216·2022-03-31 10:00

使用webpack5，vue3搭建项目

减小node_modules体积组件自动化加载使用Pinia的状态管理UnoCSS-高性能且极具灵活性的即时原子化CSS引擎各种图标集为你所用I18n国际化开箱即用使用新的语法API自动加载-直接使用CompositionAPI
·2022-03-30 17:10

Vue3中的ref与toRef

我们在使用vue3当中的compositionapi时，我们将一个数据变成可响应式的数据时，我们可能经常用的ref这个api，其实还存在一个toRef，这个api也可以将一个数据变成可响应式的。
·2022-03-28 22:46

Vue3 Composition API 中使用 Vuex

下面是一个Vue3CompositionAPI中使用Vuex的实例todoList，用到了state，mutations，actions，可以把自己之前用vue2的旧语法改写成vue3的语法，使用setup
HappyBiblee·2022-03-24 12:55

Vue3 setup的基本使用

Vue3.0生命周期函数变更在Vue2.x中，实现一个功能，需要在data中新增数据，在methods/computed/watch中新增业务逻辑，数据和业务逻辑是分离的，不利于管理Vue3.0推出了CompositionAPI
趣享编程·2022-03-24 12:17

10分钟快速上手Composition API（setup 语法糖写法）

Vue3中提供的CompositionAPI可以帮助我们优雅
一碗周.·2022-03-24 00:36

深入浅出Vue3 Composition API

vue3改动的地方使用Typescript放弃class采用function-basedAPI（vue2是newVue，vue3是createApp）optionAPI=>CompositionAPI重构
weixin_37989623·2022-03-24 00:01

浅谈Vue3 Composition API ref

什么是CompositionApiVue3.0带来了一个全新的特性(CompositionAPI)，字面意思就是“组合API”，它是为了实现基于函数的逻辑复用机制而产生的。
weixin_37989623·2022-03-24 00:31

Vue3.2 setup语法糖、Composition API归纳总结

Vue3.2setup语法糖、CompositionAPI归纳总结起初Vue3.0暴露变量必须return出来，template中才能使用；Vue3.2中只需要在script标签上加上setup属性，组件在编译的过程中代码运行的上下文是在
自由的音符·2022-03-24 00:59

Vue3 compositionAPI等知识补充

1.了解compositionAPIOptionsAPI的弊端：vue2中使用的时OptionsAPI,其一大特点就是在对应的属性中编写对应的功能模块；比如data定义数据、methods中定义方法、computed中定义计算属性、watch中监听属性改变，也包括生命周期钩子。但是这种代码有一个弊端：当我们实现某一功能时，这个功能对应的代码逻辑会被拆分到各个属性中，阅读困难，当我们处理单个逻辑关注
路上捡来的博客·2022-03-24 00:57

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

reactive函数对比computed计算属性监视（watch、watchEffect）组件注册组件传值provide/injectstyle样式使用v-bind绑定动态值获取路由信息全局API的转移CompositionAPI
皮皮鱼敲代码·2022-03-24 00:57

Vue3 Composition API写烦了，试试新语法糖吧—setup script

那么在使用CompositionAPI的过程中，有没有觉得整个过程比较繁琐。比如你的模板里用到了大量的state和方法的时候，都需要在setUp()函数里一一return出去。这个过程就比较难受了。
福禄网络研发团队·2022-03-24 00:52

Vue3CompositionAPI中inject细节

这周在做公司的后台管理项目，因为是突击项目做的比较简单。只需要做一个伪登录页面，和数据展示页面，考虑到后期需要，还是觉得用状态管理做一下登录逻辑。最开始是准备使用Vue3新特性(?好像Vue2就存在，只是当时好像没有什么教程有讲这个API)//使用Vue3的setup语法糖(优点:减少代码量，组件引入自动注册，自动returnsetup中定义的变量)//App.vueimport{provide,
cjx-2435·2022-03-24 00:50

vue3Composition API（setup语法糖写法）

Vue3中提供的CompositionAPI可以帮助我们优雅的组织我们的代码，让相关功能的代码更加有序的组织在一起。只需在script标签中添加setup，组件
大头--·2022-03-24 00:48

vue3 -【Composition API】-【新的组件】

目录创建Vue3.0工程使用vue-cli创建使用vite创建分析工程结构常用CompositionAPI拉开序幕的setupsetup的两个注意点ref函数reactive函数reactive对比refVue3.0
CaraYQ·2022-03-19 22:48

Vue3中setup语法糖学习

，TypeScript支持6，emit6.1，TypeScript支持7，defineExpose暴露8，useSlots和useAttrs9，与普通的script一起使用1，前言是在单文件组件中使用CompositionAPI
鹏多多·2022-03-14 13:00

项目框架vue2.x版本升级到vue3.0版本

放弃Object.defineProperty，使用更快的原生Proxydiff算法优化使性能比vue2.x快1.2~2倍组合/CompositionAPI（类似于ReactHooks）模板可以有多个根元素按需编译
绘梦_·2022-03-10 15:40

敲黑板记笔记了：尤雨溪在Vue3.0 Beta直播里聊到了这些…

CompositionAPI：组合
千锋python和唐唐·2022-03-08 09:54

快速上手Vue3

需要掌握的几点：1.Vue2optionsApi和Vue3CompositionAPI的区别2.setup函数3.ref、reactive响应式引用4.toRefs将对象包装，解构的值也是响应式5.生命周期函数一
jia林·2022-02-27 10:20

快速上手 vue3

Vue3新的特性CompositionAPI（组合API）setup配置ref与reactivewatch与watchEffectprovide与inject新的内置组件FragmentTeleportSuspense
虚乄·2022-02-25 15:00

Vue3新功能组合式API

组合式API组合式api（CompositionAPI）算是vue3对我们开发者来说非常有价值的一个api更新，我们先不关注具体语法，先对它有一个大的感知1.compositionvsoptionsoptionsAPI
杨家八公子·2022-02-25 11:10

Vue3 新特性

2.新推出的CompositionAPI使组件更易维护，减少无用数据绑定页面更流畅。4.更好TypeScript支持，可以在创建命令里直接配置，页面集成畅通无阻。
华尔街的主导曲·2022-02-21 11:43

120.《vue3.0 最全详细总结+案例》

文章目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二.常用CompositionAPI1.ref函数2.reactive函数3.vue2.0响应式原理4.vue3的响应式原理
@逆风微笑代码狗·2022-02-21 10:44

3分钟带你体验Vue3.0

虽然Vue3.0还未发布，但是Vue官方发布了关于CompositionAPI的官方插件，使广大用户可以在Vue2.x中享受FunctionBase带来的新体验。
天外小星星·2022-02-19 17:40

`vue3`+`ts`+`setup`语法糖实现一个无限嵌套的`tree`组件

Vue3的setup语法糖vue3中的setup的加入，使得vue可以从OptionsAPI转变为CompositionAPI。Opti
伊泽瑞尔灬·2022-02-17 08:36

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

目录前言正文一、Vue3与Vue2区别概览二、Vue3与Vue2区别详述生命周期多根节点CompositionAPI异步组件（Suspense）Teleport响应式原理虚拟DOM事件缓存Diff算法优化打包优化自定义渲染
前端不释卷leo·2022-02-17 08:33

Vue3 系列基础笔记

系列基础笔记一.Vue3快速上手1.认识Vue31.1了解相关信息1.2性能提升1.3源码升级1.3新增特性2.创建Vue3项目2.1使用vue-cli创建2.2使用vite创建2.3分析工程结构二.CompositionAPI1
教员的小粉红～·2022-02-09 09:38

vite+vue3+setup+ts开发一个tree组件

Vue3的setup语法糖vue3中的setup的加入，使得vue可以从OptionsAPI转变为CompositionAPI。Optio
伊泽瑞尔灬·2022-02-09 09:08

`vue3`+`ts`+`setup`语法糖实现一个无限嵌套的`tree`组件

Vue3的setup语法糖vue3中的setup的加入，使得vue可以从OptionsAPI转变为CompositionAPI。Optio
伊泽瑞尔灬·2022-02-09 09:03

Vue Router 4 的使用，一篇文章给你讲透彻

Vue3.X使用VueRouter4.x进行路由配置，本文我们就来研究下如何使用VueRouter4.x，本文中所有的使用方式都是使用CompositionAPI的方式。
JonnyLan·2022-02-07 09:49

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

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

助你上手Vue3全家桶之Vue3教程

Vue3官网在线源码编译地址1，setupsetup是所有CompositionAPI的容器，值为一个函数。
鹏多多·2021-12-30 23:36

Vue3又出新语法 到底何时才能折腾完？

前言大家应该知道如果用Vue3的CompositionAPI定义一个响应式变量通常有两种形式，一种是用ref，另一种是reactive：import{ref,reactive}from'vue'constisLoading
·2021-12-23 19:53

全新的 Vue3 状态管理工具：Pinia

Vue3发布已经有一段时间了，它采用了新的响应式系统，而且构建了一套全新的CompositionAPI。
·2021-12-19 14:10

Vue3

Vue3新特性1.SFC：CompositionApi（setup）setup提供了一系列能够在其函数内部使用的api，使得能够很好的将业务逻辑划分开来setupimprovement//importedcomponentsarealsodirectlyusableint
·2021-12-02 16:10

Vue3的改变

-性能优化/TS支持优化/组合式API加持市场使用-部分技术选型激进的公司已经在生产环境使用了vue3整体优化性能提升首次渲染更快diff算法更快内存占用更少打包体积更小更好的Typescript支持CompositionAPI
Grey..·2021-11-28 20:53
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他