CompositionAPI

Vue3学习笔记：ref函数、reactive函数等常用Composition API、生命周期，Fragment、teleport等新的组件用法记录

一、快速上手Vue3.01、使用vue-cli2、使用vite开发环境中，无需打包轻量快速热重载npminitvite-appvue3_test_vite二、常用CompositionAPI（组合式API
天海一直在·2022-11-21 01:34

Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架

Vue2与Vue3最大的区别:Vue2使用OptionsAPI而Vue3使用的CompositionAPI介绍vite极速的开发服务器启动⚡️轻量快速的热模块重载（HMR）️丰富的功能自
小周sir的码农·2022-11-19 16:48

2022+vue3快速上手+最新前端开发知识点学习路线

2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking…3.拥抱TypeScriptVue3可以更好的支持TypeScript4.新的特性CompositionAPI
研途可达·2022-11-19 10:41

【猛地学】Vue3的shallowReactive与shallowRef、readonly与shallowReadonly、toRaw与markRaw、customRef、provide与inject

不常用的CompositionAPI1.shallowReactive与shallowRefshallowReactive介绍shallowReactive：只处理对象最外层属性的响应式（浅响应式）。
fangyuan__·2022-11-15 18:36

全面总结 Vue 3.0 的新特性

尤大大在B站直播时分享了Vue3.0的几个亮点：Performance：性能优化Tree-shakingsupport：支持摇树优化CompositionAPI：组合APIFragment，Teleport
汤玉鹏·2022-11-13 12:26

Vue3新特性——Composition API详解

创建2.2使用vite创建2.2.1是什么2.2.2vite的优势2.2.3使用步骤3.vue3项目结构的分析3.1vue-cli项目结构4.vue3中的开发者工具4.1在线安装4.2离线安装二、常用CompositionAPI1
嘟嘟大姐·2022-11-13 12:55

一文学会Vue3新特性

CompositionAPI为什么选择CompositionAPICompositionAPI翻译成中文就是组合式API。有的人可能会疑惑为什么要用CompositionAPI？
Hanpeng Chen·2022-11-13 12:25

vue3新特性（一）

vue3相对于vue2有以下几个优化点：性能提升：打包大小减少41%，初次渲染快55%，更新快133%，内存使用减少54新推出的CompositionAPI使组件更易维护，减少无用数据绑定页面更流畅更好的支持
码尚道L·2022-11-13 12:25

微信小程序picker多列选择器(mode = multiSelector)

普通选择器：mode=selector、多列选择器：mode=multiSelector三、app.json四、picker.wxml五、picker.jsvue-next-admin，这是基于vue3.x+CompositionAPI
·2022-11-11 16:33

Vue3学习笔记

2.Vue3带来了什么2.1.性能的提升2.2.源码的升级2.3.拥抱TypeScript2.4.新的特性二、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建3.工程结构分析三、常用CompositionAPI1
gqe_it·2022-11-09 11:59

详解vue 祖先组件操作后代组件方法

目录一、首先二、在触发事件的的祖先组件方法内三、后代组件（不限于后代，就是任何组件）接受传参四、一定要在接收的组件销毁钩子里卸载掉vue3中“provide与inject“祖与后代组件间通信一、其他CompositionAPI1
·2022-11-07 15:40

面试官：vue2和vue3的区别有哪些？

不过有一点需要注意，Vue3在组合式API（CompositionAPI，下面展开）中使用生命周期钩子时需要先引入，而Vue2在选项API（OptionsAPI）中可以直接调用生命周期钩子，如下所示。
bb_xiaxia1998·2022-11-02 00:14

vue3+ts实际开发中该如何优雅书写vue3语法

目录vue3语法的发展优势CompositionApi类型约束编译器宏definePropsdefineEmitsdefineExpose总结vue3语法的发展Vue3在早期版本（3.0.0-beta.21
·2022-10-31 13:50

面试官：vue2和vue3的区别有哪些？

不过有一点需要注意，Vue3在组合式API（CompositionAPI，下面展开）中使用生命周期钩子时需要先引入，而Vue2在选项API（OptionsAPI）中可以直接调用生命周期钩子，如下所示。
·2022-10-31 09:59

理解 Vue3.0 里的 setup 函数

setup是所有CompositionAPI（组合API）“表演的舞台”。组件中所用到的：数据、方法等等，均要配置在setup中。
csnan·2022-10-30 17:51

Vue（setup函数介绍）

作为在组件内使用CompositionAPI的入口点。
月疯·2022-10-30 17:21

【Vue】Setup 函数的使用

学习内容：1）Vue3里面提供的新的语法API，‍‍叫做compositionAPI。什么是compositionAPI？为什么我们要用compositionAPI？
代码写注释·2022-10-30 17:42

vue3.2 Composition API项目依赖升级

目录第一次CompositionAPI思考setup最常见的问题，忘记写.valuestylev-bind的优缺点piniaornot第一次CompositionAPI在vue3.2中，正式支持了scriptsetup
·2022-10-29 07:35

Vue 3学习一：介绍和常用的API

目录1.介绍2.常用CompositionAPI2.1setup2.2ref函数2.3reactive函数2.4Vue3中的响应式原理2.4.1vue2的响应式2.4.2Vue3.0的响应式2.5reactive
曹莓奶昔·2022-10-25 12:44

Vue 学习笔记12：Vue3常用组合API

Vue学习笔记11：Vue3组合API一、创建Vue3工程1.使用vue-cli创建2.使用vite创建3.安装vue3插件二、常用compositionAPI1.setup函数2.ref函数3.reactive
iFulling·2022-10-25 12:04

初学Vue（全家桶）-第18天（vue3）：compositionAPI-组合API

基本使用（3）使用setup的注意点setup执行的时机setup中的参数1.2.2ref函数1）处理基本数据类型2）处理对象类型1.2.3reactive函数*1.2.4toRef、toRefs1.3其他CompositionAPI1.3.1
持久的棒棒君·2022-10-25 12:52

Vue3学习（一）：常用 Composition API

setup是所有CompositionAPI（组合API）“表演的舞台”。组件中所用到的：数据、方法等等，均要配置在setup中。
激洪·2022-10-25 12:51

vue3组合式api基础（常用）

vue3组合式api基础（常用）前言：vue3中尽量不要使用‘this’，最好使用组合式api（CompositionAPI），如果使用uni-app的，vue3只支持ios>=10（2016年）,安卓
拢手点烟丶·2022-10-25 12:21

Vue3 composition API (组合式API )

compositionAPI的出现主要是为了解决大型APP中可能出现的两个问题：逻辑不能重用，以及组件对象中相关的值与逻辑分散，例如关于某一相同属性的逻辑分散在data(),computed,methods
小公鸡卡哇伊呀~·2022-10-25 12:50

【Vue3】学习：常用的组合式Api

1、初使用setup函数**介绍：**函数是所有CompositionApi表演的舞台，组件中的数据、方法等均要配置在setup中setup函数的两种返回值：返回一个对象，则对象中的属性、方法，在模板中均可以直接使用返回一个渲染函数
Triumph-light·2022-10-25 11:05

vue3 组合式API composition 简单使用

compositionapi组合式API官网文档通过创建Vue组件，可以将界面中重复的部分连同其功能一起提取为可重用的代码段。
木蓝茶陌*_*·2022-10-23 22:50

深入理解JavaScript——函数式编程

像ES6中的箭头函数，Redux中的compose，React16.6之后的React.memo()，16.8之后的Hooks，使用函数式组件成为主流（自然，Vue3中也有compositionAPI等
·2022-10-20 22:48

Vue3 全家桶实践

Vue3全家桶实践使用vite创建一个Vue3项目，并实践vue-router4、vuex4结合CompositionAPI的使用。
常金·2022-10-18 07:46

vue面试之Composition-API响应式包装对象原理

本文主要分以下两个部分对CompositionAPI的原理进行解读：reactiveAPI原理refAPI原理reactiveAPI原理打开源码可以找到reactive的入口，在composition-api
·2022-10-14 13:42

Vue3 之 Composition API

目录一、基本概念1.OptionsAPI2.CompositionAPI二、setup函数1.setup函数的参数propscontext栗子父组件子组件2.setup函数的返回值代码效果三、定义响应式数据的两种方式
玄鱼殇·2022-10-13 14:17

Vue组合式API--计算属性、生命周期、监听器、依赖注入、setup函数语法糖

在CompositionAPI(组合式API)中，我们可以在setup函数中使用computed方法来编写一个计算属性。
流水武qin·2022-10-10 17:23

实现《羊了个羊-美女版》小游戏（低配版）

今天参考了鱼皮大佬的鱼了个鱼,我好奇研究了一下他的源码实现，并结合自己的理解，也用react+antd实现了一版，在实现的过程中，我只是简单修改了一下核心逻辑和游戏配置，然后借助于reactivue这个库将vue的compositionAPI
·2022-10-06 12:11

vue面试之Composition-API响应式包装对象原理

本文主要分以下两个部分对CompositionAPI的原理进行解读：reactiveAPI原理refAPI原理reactiveAPI原理打开源码可以找到reactive的入口，在composition-api
·2022-10-04 10:48

面试官：vue2和vue3的区别有哪些？

不过有一点需要注意，Vue3在组合式API（CompositionAPI，下面展开）中使用生命周期钩子时需要先引入，而Vue2在选项API（OptionsAPI）中可以直接调用生命周期钩子，如下所示。
·2022-10-03 09:59

七、【Vue3】——自定义hook函数

——本质是一个函数，把setup函数中使用的CompositionAPI进行了封装。类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。
YIFEI132·2022-10-02 19:56

vue3中的自定义hook函数

——本质是一个函数，把setup函数中使用的CompositionAPI进行了封装。类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。
Doe·2022-10-02 19:26

一招学会自定义hook函数---让你的代码更精简

本质是一个函数，把setup函数中使用的CompositionAPI进行了封装。类似于vue2.x中的mixin。
李公子丶·2022-10-02 19:53

菠萝来啦。新一代VueX 来啦 他有一个特别甜的名字“Pinia”，再不学你就out了【 Pinia/Vuex5中文文档】

官网的介绍是：Pinia最初是在2019年11月左右重新设计使用CompositionAPI的VueStore的实验。
Kaysem·2022-10-02 14:56

Vue3-减少应用部署打包体积的N种方式【持续更新】

Vue3默认支持OptionsAPI和CompositionAPI混编的方式进行开发，如果在新系统建设过程中完全抛弃了OptionsAPI方式，可以使用vite定义全局变量来告诉Vue关闭对OptionsAPI
3v3n1ng·2022-09-30 05:59

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

Vue3发布已经有一段时间了，它采用了新的响应式系统，而且构建了一套全新的CompositionAPI。Vue的周边生态都在加紧适配这套新的系统，官方的状态管理库Vuex也在适配中，为此官方提出
若川视野·2022-09-29 15:36

Vue3的setup函数中为什么没有this

我们在vue2中使用optionsapi时，可以使用this,但是当我们使用vue3中的compositionapi时，我们在setup中却无法使用this。
卖菜的小白·2022-09-28 09:01

vue3简要解析以及模拟vue3的响应式原理

文章内容输出来源：拉勾教育前端高薪训练营Vue3.0和Vue2.0的区别源码全部采用typescript重写，使用Monorepo的组织方式把独立的功能模块都提取到不同的包中增加CompositionAPI
yhzzy·2022-09-28 09:26

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

本文章以Vue2的角度学习Vue3的语法，让你快速理解Vue3的CompositionApi本文章第十四节为状态库Pinia的安装、使用讲解一、文件结构Vue2
·2022-09-26 13:57

vue3 pinia的安装和使用

Pinia最初是在2019年11月左右重新设计使用CompositionAPI的VueStore外观的实验。
余温无痕·2022-09-24 19:00

vue3.0基本使用 详细说明！！！

vue3的新变化（3）破坏性语法的更新二、vue3开发环境搭建（1）创建vue3项目（2）创建vue2和vue3项目的文件发生的变化（3）vue3中的app单文件不再强制要求必须有根元素三、组合式API（CompositionAPI
奥特曼　·2022-09-24 19:23

vue3 Pinia使用示例

如果您熟悉CompositionAPI，您可能会认为您已经可以通过一个简单的exportconststate=reactive({}).这对于单页应用程序来说是正确的，但如果它是服务器端呈现的，会使您的应用程序暴露于安全漏洞
大肠包小肠|·2022-09-24 19:52

vue3+Pinia的使用

是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐Vue2和Vue3都能支持抛弃传统的Mutation，只有state,getter和action，简化状态管理库不需要嵌套模块，符合Vue3的Compositionapi
bigHead-·2022-09-24 18:16

Vue3-Pinia的基本使用

Pina开始于大概2019，是一个状态管理的库，用于跨组件、页面进行状态共享（这和Vuex、Redux一样）,用起来像组合式API（CompositionAPI）Pinia和Vuex的区别PInia的最初是为了探索
blackzjj·2022-09-24 18:12

Vue3新特性学习笔记

它为我们使用Vue3的compositionAPI新特性提供了统一的入口。1.1执行时机setup函数会在beforeCreate之后,created之前执行！！！！1.2.将代码片显示选择的高亮
minzhier·2022-09-22 20:52

Vue3.x新特性总结及与vue2.x的对比

Vue3.0特性总结一.Vue3.x与Vue2.x的区别1.OptionsApi和CompositionApi的区别2.生命周期的变化3.template模板支持多个根标签4.Route获取页面实例与路由信息
情系半生e·2022-09-19 15:20
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他