组合式

vue3新语法糖＜script setup＞

各种使用方法参考：(184条消息)【vue3学习系列】组合式api中，替代setup()函数的＜scriptsetup＞特性写法_庞囧的博客-CSDN博客https://blog.csdn.net/pagnzong
qq_42383787·2023-09-29 00:56

【vue3学习系列】组合式api中，替代setup()函数的＜script setup＞特性写法

文章目录前言响应式数据refcomputedwatch数据传递propsvuexv-modelemit方法定义组件导入获取dom路由相关nextTick前言在使用compositionapi的时候，setup()函数的写法写多了会感觉有些繁琐，比如每次都需要return出去，不同类型变量要分ref和reactive调用等。这里就记录一下尤大大在vue3正式版发布不到两个月后推出的scriptset
庞囧·2023-09-29 00:56

vue3学习笔记(1)

一、vue3的介绍先附上官方文档：介绍|Vue.jsxmind思维导图：vue3的改变，可以查看官方文档包含以下新功能，最主要的功能是新增了一个叫做组合式API(compositionApi)的功能。
liuwenjie_·2023-09-28 21:57

Vue3，Pinia

一.Vue3的优势1.更容易维护组合式API，更好的TypeScript支持2.更快的速度1.重写diff算法；2.模板编译优化；3.更高效的组件初始化3.更小的体积1.良好的TreeShaking；2
xiongxinyu10·2023-09-28 16:26

Vue 复用方面

Vue复用方面组合式函数hooks自定义指令（普通元素底层访问DOM的逻辑）插件tips:组合式函数hooks“组合式函数”(Composables)是一个利用Vue的组合式API来封装和复用有状态逻辑的函数
Dormiveglia-flx·2023-09-28 15:21

2020-06-03

我公司主要产品有铝合金组合式活动篷房和铝金组合式四角锥顶帐篷，屋脊篷房等，可根据客户不同的需求，制作不同款式，不同尺寸的篷房。
山郑篷房·2023-09-28 15:47

vue3 和vue2 的比较

文章目录生命周期多根节点CompositionAPI组合式APIOptionsAPI与compositionAPI对比优化逻辑组织优化逻辑复用异步组件(Suspense)Suspense组件响应式原理性能体积优化编译优化
我年薪百万·2023-09-28 07:34

【vue3】项目搭建

目录简介脚手架引入axios引入sass引入element-plusvite.config.js路由配置全局状态管理完整main.js组合式API之Setup简介vue3：双向绑定改为ES6的Proxy
lorogy·2023-09-28 04:11

Vue3 script setup 语法糖，超爽体验

你不必担心setup语法糖的学习成本，他是组合式API的简化，并没有新增的知识点。你只需要
猫老板的豆·2023-09-27 12:26

vue3＜script setup＞——基础使用

参考官网https://cn.vuejs.org/api/sfc-script-setup.html一、什么是scriptsetup是vue3的一个语法糖，在同时使用单文件组件(SFC)和组合式API时默认推荐更简洁的代码每个页面都需要写一遍
Unique·Blue·2023-09-27 04:09

从Vue2到Vue3学习汇总知识点（二）：组合式 API和组合式 API 语法糖 (＜script setup＞)

文章目录什么是组合式API对比选项式API写法组合式API写法深入setuppropscontext访问组件的property使用渲染函数组合式API语法糖()#基本语法、释义#原有的API在中的使用什么是组合式
伟深么·2023-09-27 04:09

Vue3 中setup()和＜script setup＞＜/script＞

setup()方法在组件创建之前执行，是组合式API的入口方法可以接受两个参数props和contextsetup方法中，要将数据暴露给页面模板，需要结合ref,和reactive，并使用return官网例子
土拔鼠旱懒·2023-09-27 04:38

Vue3 setup 组合式API ＜script setup＞

由来什么是组合式api?大型组件的选项式API代码非常冗长，逻辑相关联的代码，分布分散，跳转代码不利于阅读理解。
海胆Sur·2023-09-27 04:38

vue3.2单文件组件 ＜script setup＞ 语法糖常用写法

是在单文件组件中使用组合式API的编译时语法糖,当使用的时候，任何在其中声明的顶层的绑定(包括变量，函数声明，以及import导入的内容)都能在模板中直接使用。
牧云流·2023-09-27 04:38

Vue3 ＜script setup＞ 单文件组件 组合式 API 相关语法

1.vue3使用vueximport{ref}from"vue"import{useStore}from"vuex"//获取storeconststore=useStore();constcount=ref(0);//获取store状态consttype=store.state.type//给count赋值count.value=1;2.vue3用router和routeimport{useRou
小o-o璇·2023-09-27 04:08

vue-vue响应式编程

目录一、响应式编程的原理及在vue中的应用1、手动追踪变量的变化2、vue中的响应式对象3、独立的响应式值Ref的应用二、响应式的计算与监听1、关于计算变量2、监听响应式变量三、组合式API的应用1、关于
薛定谔的猫不是猫，是王维诗里的猫·2023-09-26 18:34

Vue3基础知识总结

vue3介绍（vue3保持了vue2的大部分特性，增加了以下新特性：组合式APITeleport片段触发组件选项来自@vue/runtime-core的createRendererAPI创建自定义渲染器单文件组件组合式
初辰ge·2023-09-26 09:06

vue3基础

是创建实例，.mount('#app')是在将实例往id为app的盒子上挂载createApp(App).mount('#app')//挂载就是让实例接管一片区域assets是存放图片或样式的目录143.组合式
Dennis_nafla·2023-09-26 09:04

Vue3学习笔记——Options API和组合式API

optionsAPI(vue2)exportdefault{name:'baseData',computed：{}，//设置计算属性data(){return{}},//定义状态methods:{},//定义事件方法watch:{}//设置监听属性}约定在什么位置做什么事，顺其自然地强制了代码分割data里面定义状态methods里面设置事件方法props里面设置接收参数computed里面设置计
Bqiuer·2023-09-26 05:15

状态管理容器Pinia

文章目录前言一、集中式状态管理容器1、VueX2、Pinia创建步骤：用法：1、选择式2、组合式二、state修改值解构三、actions-gettersactions同步异步相互调用getters四、
天将降大任于我·2023-09-25 23:36

vue3.0新特性 组合式API(setup)

组合式APIsetup是个函数在props被解析完成后执行，setup(props,content)1.props是响应式的，所以不能进行es6解构会失去响应式的特性.note:可以使用toRefs函数完成次操作
姜酱i·2023-09-25 17:32

vue3中Hooks用法

hooks的定义会更加模糊，姑且总结一下：在vue组合式API中被定义为,以"use"作为开头的，一系列提供组件复用，状态管理等开发能力的方法。二，Mixin和Hooks区别假设有个需求：当组件实例
剪得断理得清·2023-09-25 04:46

Object.create()---【实现寄生组合式继承是关键】

Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。（请打开浏览器控制台以查看运行结果。）https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/create语法Object.create(proto,[propertiesOb
songxiugongwang·2023-09-24 03:29

CompletableFuture 组合式异步编程

最近学习dubbo源码,敲了些vertx代码，觉得异步编程的风格是有多么的帅，lambda表达式写的美又很有逻辑。java强语言能写成这样也是很美的一件事情。这遍文章简单的看看CompletableFuture是怎么使用的，背后都干了啥事，先看看dubbo上的completableFuture。Dubbo的future使用，请看这篇博客http://dubbo.apache.org/en-us/b
Double_winter·2023-09-23 18:47

怎样进行组合式工作？

查尔斯汉迪在《大象与跳蚤》的书中分享了一个小故事，故事的主人翁正是查尔斯汉迪本人。查尔斯汉迪被誉为欧洲的彼得德鲁克，一代管理大师，他更是自由职业的老祖宗。汉迪是伦敦商学院的教授，他得知父亲病重去世的消息便回去参加父亲的葬礼。汉迪的父亲是爱尔兰乡村郊区的神父，在哪里工作了54年，一辈子没有离开过。想到这些，汉迪开始可怜自己的父亲，世界那么大，他却在一个乡村守候了一辈子。但另汉迪惊讶的是，参加父亲追悼
莫卡小黑·2023-09-23 10:47

2019-05-25

但其实还有另外两种方式：项目组合式、社群运营式。项目组合式以项目为导向，比如几个人共同出一本书，谈好分成，事情做成项目结束。社群运营式以社群为载体，各方合作，共带流量共用流量，社群方主导各方对接。
臧运红·2023-09-23 02:28

2019-05-25

但其实还有另外两种方式：项目组合式、社群运营式。项目组合式以项目为导向，比如几个人共同出一本书，谈好分成，事情做成项目结束。社群运营式以社群为载体，各方合作，共带流量共用流量，社群方主导各方对接。
臧运红·2023-09-23 02:28

盐雾腐蚀试验室测试标准

造型大气、感观独特、实用性强由组合式拼装库板组成，它直接构成了一个密封的试验空间，要求箱体能自动保温在规定的温度范围内，同时应能满足成雾装置的布置、气路、盐水补给管路和温
ywsys·2023-09-23 00:57

三相组合式过电压保护器试验

三相组合式过电压保护器试验试验目的三相组合式过电压保护器主要分为有带串联间隙过压保护器和无间隙过压保护器两大类，其试验项目内容要求分别使用高压工频交流和高压直流电源。
湖北众拓高试--高压试验设备制造·2023-09-23 00:19

vue3 为什么要使用composition函数式编程

vue3除去一堆零敲碎打的优化更新之后最让我觉得眼前一亮的就是composition组合式组件以及其对应的函数式写法了。首先，我们先看下composition组件的用法。
白马湖小龙王·2023-09-22 20:37

Vue3中的Composables组合式函数,Vue3实现minxins

Vue3中的Composables是什么Vue3中的Composables简单理解其实就是类ReactHooks式的组合式函数封装方法。Vue官方称为Composables组合式函数。
天渺工作室·2023-09-22 20:06

JS 继承

二、继承实现的方式2.1原型链继承2.2原型式继承2.3构造函数继承2.4组合继承2.5寄生式继承2.6寄生组合式继承2.7extends方法一、继承是什么？
wyc_ok·2023-09-22 06:58

Vue3中watch用法

在Vue3中的组合式API中，watch的作用和Vue2中的watch作用是一样的，他们都是用来监听响应式状态发生变化的，当响应式状态发生变化时，都会触发一个回调函数。
孟琳丰·2023-09-22 02:30

Vue3.0与Vue2.0的区别（超详细）

目录生命周期的变化多根节点异步组件Teleport组合式API响应式原理虚拟DOM事件缓存Diff优化打包优化自定义渲染APITypeScript支持生命周期的变化整体来看，变化不大，只是名字大部分需要
前方路远·2023-09-21 23:50

Vue3-初识Vue3、创建Vue3工程、vue3组合式API（setup、ref函数、reactive函数）、响应式原理、计算属性、监视属性

Vue3（1）目录Vue3（1）一、Vue3简介二、创建Vue3.0工程1、使用vue-cli创建2、使用vite创建三、常用的CompositionAPI（组合式API）1、拉开序幕的setup2、ref
POTATO！·2023-09-21 17:12

vue3基础知识

获取组件实例Vue2中每个组件里使用this都指向当前组件实例，this上还包含了全局挂载的东西、路由、状态管理等啥啥都有而Vue3组合式API中没有this，如果想要类似的用法，有两种，一是获取当前组件实例
fury_123·2023-09-21 15:37

vuejs中组件的两种不同的编写风格-选项式API及组合式API

前言随着vue3的逐渐稳定,以及周边生态的完善,现在vue3已经成为默认的使用方式了的所以,对于一个前端开发者,Vue2与Vue3都得要会,在vue3中新增很多东西,比如:Fragment,Teleport,Suspense,也去掉了vue2中一些特性,比如:移除keyCode支持作为v-on的修饰符等在编程风格上也有一些区别01选项式API选项式API也可以成为配置项API,它是将组件的实例选项
itclanCoder·2023-09-20 18:06

VUE3组合式API：provide和inject用法

官网传送门provideprovide()接受两个参数：第一个参数是要注入的key，可以是一个字符串或者一个symbol，第二个参数是要注入的值。当使用TypeScript时，key可以是一个被类型断言为InjectionKey的symbol。InjectionKey是一个Vue提供的工具类型，继承自Symbol，可以用来同步provide()和inject()之间值的类型。inject第一个参数
孟琳丰·2023-09-20 17:10

侦听器&&模板引用&&组件注册&&组件之间的数据传递

在组合式API中，我们可以使用watch函数在每次响应式状
sk古月·2023-09-20 12:59

Vue3 组合式 API

Vue3使用组合式API的地方为setup。在setup中，我们可以按逻辑关注点对部分代码进行分组，然后提取逻辑片段并与其他组件共享代码。
18你磊哥·2023-09-19 22:29

如何在uniapp中弹出层弹出时遮住自带的tabbar

前提问题vue3组合式API，uniapp写微信小程序，点击下方导航，点击进入导航页面，在页面点击按钮需要弹出一个弹出层，使用uniapp自带的uni-popup，进行弹出，uniapp自带的tabbar
小陈学前端_·2023-09-19 15:14

vue3中的setup

组合式API（setup）作用：将同一逻辑关注点代码收集setup使用setup函数时，它将接受两个参数propscontextPropsprops是setup函数中的第一个参数，props是用Proxy
一只欢喜·2023-09-19 14:42

Day44：Pinia和购物车案例准备

1.Pinia基本介绍1.1基本介绍一直以来VueX都是官方为Vue提供的状态管理库，但是在Vue3的版本中，尽管VueX4也能提供组合式API，但是自身存在的很多缺陷让官方重新编写了一个新的库，也就是我们今天要学习的
albedo_102·2023-09-18 04:16

Vue3核心语法一

Vue3核心语法一rectiveshallowReactiverefcomputedwatchwatchEffet使用Vue3创建项目template中标签可以多个根标签,可以通过setup开启组合式API
*郑*·2023-09-16 12:58

Vue3数组重新赋值问题

Vue3数组重新赋值问题1.reactive2.ref总结vue3中使用组合式式API时定义响应式数据需要使用reactive或者ref,两者使用时有些许不同,下面通过重新赋值数组来说明两者的不同1.reactive
*郑*·2023-09-16 12:58

【ant-design-vue】ant-design-vue在uniapp使用时，auto-import失败报错

前言在我的uniapp+vue3+vite项目中，使用了[email protected]组件库，同时我还使用了vite插件auto-import用于自动导入vue3的组合式api。
少年歌行s·2023-09-16 05:02

Vue3新特性 组合式Api

setup-组件内使用CompositionAPI的入口点setup作为组合式API的入口点，也就是说，组合式API都必须只能在setup中使用setup-组件内使用CompositionAPI的入口点
_孤傲_·2023-09-16 04:15

Vue2.x项目中愉快使用3.0特性

这种新的方式叫做CompositionAPI（组合式API）。
_孤傲_·2023-09-16 04:15

初识VUE3

初识VUE3一、安装步骤二、VUE2和VUE3的创建变化三、vue3新特性四、CompositionApi（组合式）：全新的函数组合，不会影响optionsApi五、动机与目的六、CompositionApi
元气少女Sherry酱·2023-09-15 12:18

父传子/子传父（ 选项式和组合式）

用法完全一样只是组合式中在选项式的基础上加多了一行组合式第一种：父组件向子组件通信：props属性子组件设置props属性定义接收父组件传递过来的参数，父组件中给子组件绑定属性第二种：子组件向父组件通信
要努力奋斗鸭·2023-09-15 09:45
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他