vue3.0组合式

Vue3中 setup 语法糖写法

Vue3中setup语法糖写法CompositionAPI及组合式API,是根据逻辑相关性组织代码的，提高可读性和维护性。最大的优点在V3中写hooks了，重复性使用相同代码的逻辑。
K.Encoding·2024-01-27 00:04

Vue---组合式API - computed

计算属性基本思想和Vue2保持一致，组合式API下的计算属性只是修改了API写法//导入import{ref,computed}from'vue'//原始数据constcount=ref(0)//计算属性
香香爱编程·2024-01-26 09:43

vue3.0规范学习记录

组合式函数使用use+name进行命名，例如useMouse；自定义指令使用v+name进行命名，例如vFocus；在组件使用v-model实现“双向绑定”时，子组件默认通过emits(‘update:
椒盐大肥猫·2024-01-26 09:58

Kotlin 协程与flow

目录协程基础launchsuspendcoroutineScopejoin终结动作超时组合式协程asyncFlowintellij配置基础flowOn协程基础launchrunBlocking是一个协程生成器
Zhillery·2024-01-26 09:53

在vue3.0的JSX语法下使用插槽

由于在vue2中JSX的语法在渲染和代码简洁度上有优化，偶尔也会用JSX的形式封装组件；新的项目里开始用vue3发现，以前丢插槽的两种方式行不通了，得想想办法才行。//vue2插槽写法render(h){const{$scopedSlots}=this//第一种const{title=()=>h('p',{style:'margin-top:0'},this.title),}=$scopedSlo
白菜new·2024-01-25 23:14

修改element-ui某个深层元素

某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如.conBox/deep/.el-input__inner{padding:010px;}注意，/deep/在vue3.0
weixin_46852620·2024-01-25 17:15

Vue2 和Vue3 有什么区别

二.组合式API和选项式API：在vue2中采用选项式API，将数据和函数集中起来处理，将功能点切割了当逻辑复杂的时候不利于代码阅读。
小吴吴吴呀·2024-01-25 14:09

vue3.0项目引入three.js的方式(vue中使用three.js01)

vue中引入three.js有两种方式1.在index.html文件中引入2.通过npm下载依赖包引入注：以下操作是vue-cli3.0的引入的实现步骤下载依赖包npminstall--sthree配置文件设置在项目目录下创建vue.config.js文件constThreeExamples=require('three')...//第三方插件配置pluginOptions:{//......Th
点燃火柴·2024-01-25 02:43

vue3.0路由route/router的使用

注意vue-router版本，我用的是"vue-router":"^4.0.0-alpha.6"官网的使用步骤//1.Defineroutecomponents.//ThesecanbeimportedfromotherfilesconstHome={template:'Home'}constAbout={template:'About'}//2.Definesomeroutes//Eachrou
小阮的学习笔记·2024-01-24 18:25

vue3组合式API小结

选项式API和组合式API1、使用选项式API，用包含多个选项的对象来描述组件的逻辑，例如data、methods和mounted。
chunchun_H·2024-01-24 06:00

vue3知识点大全

选项api和组合式api1、optionsAPI:在对应的属性中编写对应的功能模块；比如data定义数据、methods中定义方法、computed中定义计算属性、watch中监听属性改变缺点：实现一个功能时
前端fighter·2024-01-24 03:04

Vue3 + ts的使用（选项式API，组合式API）

一.IDE的配置1.VSCode插件安装搜索@builtintypescript2.点击“TypeScriptandJavaScriptLanguageFeatures”右下角的小齿轮，然后选择“Disable(Workspace)”3.重新加载工作空间。Takeover模式将会在你打开一个Vue或者TS文件时自动启用。二.依赖的安装vueaddtypescript三.使用语法1.不加setup的
朝阳若蓝·2024-01-23 22:08

Vue3setup()的非语法糖和语法糖的用法

都可以省创建每个属性或方法时也不需要return导入某个组件时也不需要注册//script标签上写setup属性，不需要exportdefault{}setup()都可以省import{ref}from'vue'//组合式
诗霖雪·2024-01-23 22:55

Vue3：组合式函数（引入外部ts文件，修改外部ts参数）

1.组合式函数在Vue应用的概念中，“组合式函数”(Composables)是一个利用Vue的组合式API来封装和复用有状态逻辑的函数。
梦雨生生·2024-01-23 19:56

Vue3组合式API之getCurrentInstance详解（在行为验证码之滑动验证AJ-Captcha遇到在开发环境可以，测试环境报错）

首先大家知道我们可以通过getCurrentInstance这个函数来获取当前组件的实例对象,也就是当前vue这个实例对象在Vue2中，我们是可以通过this来获取当前组件实例；但是在Vue3中，在setup中无法通过this获取组件实例的。所以在Vue3中，我们可以通过getCurrentInstance()来获取当前组件实例。let{proxy}=getCurrentInstance();在s
小涵涵是程序媛·2024-01-23 14:33

Vue3中使用hooks，hooks究竟是个啥？如何理解

2.vue3hooks2.1为什么vue3可以使用hooks因为vue2由选项式Api转为组合式Api。底层源码改了好多。组合式API的好处；就是在函数内可以使用声明周期。
呆呆呆呆梦·2024-01-23 09:40

速成版-带您2天学完vue3框架+Element-plus框架

Vue组件可以按照两种不同的风格写，即选项式api和组合式api两种。
nuist__NJUPT·2024-01-23 06:45

Vue 3的响应式框架：性能和开发效率的提升

在开发效率方面，Vue3引入了组合式API，使得开发者可以更加灵活地组合和复用组件。Vue3还改进了TypeS
尘缘..·2024-01-23 01:15

冲压推进技术（笔记自留）-第一至第二章

分类：根据自身携带的能源和工质不同，现代喷气发动机可分为四大类：吸气式发动机、吸水式发动机、火箭发动机和组合式发动机。
【执珪】瑕瑜·夕环玦·2024-01-22 13:40

VUE3+elementPlus之 子组件直接修改父组件的值（父子组件props双向绑定）

直接上代码：子组件：//组合式apiconstprops=defineProps({modelValue:{type:[Number],default:undefined,},});interfaceTree
赫兹/Herzz·2024-01-22 06:22

vue3组合式API

系列文章目录前端系列文章——传送门后端系列文章——传送门文章目录私人博客系列文章目录组合式APIsetuprefreactivecomputedwatch其他组合API注组合式APIvue3的文件中，Vue
许小墨~·2024-01-21 23:38

从vue2到vue3，一文带你看完vue3的新特性

目录前言第一部分、vue2的痛点——代码糅杂第二部分、Vue3的组合式API（CompositionAPI）一、setup1.setup的定义2.setup的语法1）写法1：vue3.0，setup函数
凯der苦练心态·2024-01-21 23:38

vue3选项式API

系列文章目录前端系列文章——传送门后端系列文章——传送门文章目录私人博客系列文章目录vue3选项式API注vue3选项式APIvue3提供了两个语法，一个叫选项式API；另一个叫组合式API。
许小墨~·2024-01-21 23:08

关于Vue3组合式API(Composition API)的个人理解

首先，关于组合式API现已有众多大佬发布了相关介绍及相关教程，但是个人在学习过程中还是花了比较多的时间去理解“组合式API”这个概念。
[十九]统一老坛·2024-01-21 23:37

看懂vue3项目所需的一些基础知识

一、CompositionAPI(组合式API)1、setup和ref的基本使用count：{{count}}m1:{{m1}}m2:{{m2}}更新import{ref}from'vue'exportdefault
归途。·2024-01-21 23:37

【Vue】 API 风格

目录API风格1选项式API(OptionsAPI)2组合式API(CompositionAPI)3比较3.1vuex状态管理3.2生命周期3.3方法3.4监听3.5组件3.6变量实例3.7e3.8强制更新
小数点儿_·2024-01-21 23:07

拥抱组合式API：vue3的script setup解析看这篇就够

vue3除了CompositionAPI是一个亮点之外，尤大大又给我们带来了一个全新的玩意——scriptsetup，对于setup大家相信都不陌生，而对于scriptsetup有些同学则表示难以理解，那么从现在开始，这一篇文章将让你一看就懂。ref与reactive在setup中，我们拥有ref和reactive俩个api去创建一个响应式变量，这俩者存在的区别是ref是针对基本类型的响应，而re
智密科技·2024-01-21 23:36

vue3组合式 API:使用axios调接口方式

使用方式：新建request.js文件。封装axios请求:注入请求拦截器：做请求前处理（参数加密，接口带token等等）。响应拦截器：（响应参数处理）项目安装axiosnpminstallaxios-S代码实现（注意util文件我就不复制了，将就看。。。。实在不懂看我给axios添加加密文章添加链接描述）baseUrl还是懂的吧importaxiosfrom'axios'importutilfr
Life a dream·2024-01-21 23:35

带你看懂Vue3的组合式Api

一、新插件Volar使用vscode开发vue2项目的小伙伴肯定都认识Vetur这个神级插件。但是在vue3中这个插件就显得捉襟见肘了，比如vue3的多片段这个插件就会报错。这个时候就需要使用Volar，Volar可以理解为Vue3版本的Vetur，代码高亮，语法提示，基本上Vetur有的它都有。在vue2中我们一直使用Vue2Snippets，在vue3我们推荐使用Vue3Snippets，因为
Mangcun_tutu·2024-01-21 23:05

vue3 项目中 arguments 对象获取失败问题

问题在vue3项目中获取到的arguments对象与传入实参不符，打印出函数中的arguments对象显示如下：原因作者仔细回看代码才发现，自己一直用的是vue3的组合式写法，函数都是箭头函数，而箭头函数不存在
Jiang_JY·2024-01-21 18:38

vue3-基本属性更新

1.介绍Vue3的基本属性：组合式API（CompositionAPI）：组合式API是Vue3最核心的特性之一，它允许开发者将逻辑相关的选项组合在一起，提高代码的可维护性和可读性。
盖盖衍上·2024-01-21 18:50

【Vue3.0】- 依赖注入

Providerexportdefault{provide:function(){return{foo:this.foo}}}//Consumerexportdefault{inject:['foo']}vue3.0
啦啦啦喽啰·2024-01-21 16:20

2024.1.5 使用vue编写hello world

2024.1.5使用vue编写helloworld一个最简单的vue程序，现在已经是vue3.0时代，仅做留念附件是vue2.0.js文件vue2{{message}}newVue({el:"#app"
leigh_chen·2024-01-21 13:28

【vue3.0】24.0 某东到家（ 廿四）——订单列表开发

DOM完善修改src\views\orderList\OrderList.vue我的订单某什么码1已取消某什么码1¥588共3件importDockerfrom'@/components/Docker/Docker'exportdefault{name:'OrderList',components:{Docker}}.wrapper{overflow-y:auto;position:abs
bobokaka·2024-01-21 12:44

编码遗传学：JavaScript 继承之道

目录引入原型链继承构造函数继承组合式继承寄生式组合继承Class继承引入JavaScript中的继承问题是一个很重要的知识点，很多面试都会问到。
N-A·2024-01-20 23:58

盘点 Vue3 与 Vue2 的区别

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

vue2与vue3区别

1.vue2只有选项式api,vue3包含选项式和组合式api组合式api的出现改善处理同一事件的逻辑却要分开的问题（改善业务逻辑的割裂），组合式适合大型项目2.vue2.0支持IE9；vue3只支持现代浏览器
more名奇妙·2024-01-20 21:43

vue3和vue2的区别？好在哪里？

使打包的整体体积变小了；2、更友好vue3在兼顾vue2的optionsAPI的同时还推出了compositionAPI，大大增加了代码的逻辑组织和代码复用能力；3.proxy替换了之前的defineProperty二、Vue3.0
苍山洱海胖·2024-01-20 21:11

vue2.0和vue3.0的区别

vue2与vue3的区别更小vue2采用的是面向对象编程，vue3采用函数式编程更快vue3修改了细腻dom算法，只针对变化的层进行diff，而vue2是对所有的dom进行diff加强typescript支持api一致性提高可维护能力开放更多底层功能把更多的底层功能开放出来，比如render，依赖收集功能。数据双向绑定vue2使用的是definedOroperty，vue3使用的是proxyvue
wjing静·2024-01-20 16:58

快速上手Vue Router和组合式API：创建灵活可定制的布局

微信搜索【大迁世界】,我会第一时间和你分享前端行业趋势，学习途径等等。本文GitHubhttps://github.com/qq449245884/xiaozhi已收录，有一线大厂面试完整考点、资料以及我的系列文章。快来免费体验ChatGptplus版本的，我们出的钱体验地址:https://chat.waixingyun.cn/#/home可以加入网站底部技术群，一起找bug.该教程从基础开始，
@大迁世界·2024-01-20 11:56

javaScript 实现继承方式

JavaScript实现继承共6种方式：原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承。
聪明的小一休·2024-01-20 02:04

Vue3+Element-Plus 登录功能配置弹框提示实现十五

小技巧：当前Vue3.0需要使用element-plusr如果是Vue2.0是使用element-uiVue3.0前面需要加上El例如
小丫头呀·2024-01-19 20:43

Vue3笔记

文章目录1、Vue3.0环境集成1.使用vue-cli创建2.使用vite创建2、常用的CompositionAPI（组合API）1、setup函数2、ref函数3、reactive函数4、Vue3.0
小狐狸ya·2024-01-19 15:52

【前端框架】Vue3合集

官方新的脚手架工具，底层切换到了vite（下一代前端工具链），为开发提供极速响应前置条件：16.0或更高版本的Node.js安装并执行create-vuenpminitvue@latest2、项目目录和关键文件二、组合式
wmh1024·2024-01-19 11:09

react中父组件如何直接调用子组件的方法和属性,以及对比vue3.0父组件调用子组件的方法和属性

react中父组件如何直接调用子组件的方法和属性,以及对比vue3.0父组件调用子组件的方法和属性reacthookvuesetup父组件子组件reacthookforwardRef(render)useImperativeHandle
miao_zz·2024-01-19 07:29

vue3.0 使用inject(“reload“)刷新页面

（1）在app.vueimport{defineComponent,ref,nextTick,provide}from'vue';exportdefaultdefineComponent({setup(){//局部组件刷新constisRouterAlive=ref(true);constreload=()=>{isRouterAlive.value=false;nextTick(()=>{isR
墨尔本斌·2024-01-19 04:12

vue3 —— script setup 语法糖

是vue3的新语法糖，并不是新增的功能模块，只是简化了以往的组合式API必须返回(return)的写法，并且有更好的运行时性能。
玛卡巴卡吐口水·2024-01-19 03:49

vue3 知识

vue3介绍Vue3的变化:1、vue3完全兼容vue2，但是vue3不建议用vue2的写法2、拥抱TypeScript，ts完全兼容js3、组合式API和配置项APIvue2是配置项apivue3组合式
糖果爱上我·2024-01-19 00:59

vuex前端开发,看完这篇文章透彻明白vuex几大属性

声明：以下代码风格，是按照vue3的组合式api开展的。请大家知悉。import{useStore}from'vuex'import{computed}from'vue'/***混合学习钱情提
yrldjsbk·2024-01-18 20:36

vue3.0的学习

一.创建vue3.0工程1.使用vue-cli创建##查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g
未成年梦想·2024-01-18 20:05
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他