文章 2024-09-13 来自:开发者社区

vue学习(10)事件修饰符

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge&...

文章 2024-09-12 来自:开发者社区

vue学习(9)事件处理

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge&...

文章 2024-08-15 来自:开发者社区

Vue学习之--------事件的基本使用、事件修饰符、键盘事件(2022/7/7)

文章目录 1、事件处理 1.1、 事件的基本使用 1.1.1 、基础知识 1.1.2、 代码实例 1.1.3、测试效果 1.2、事件修饰符 1.2.1、 基础知识 1.2.2 、代码实例 1.2.3 、测试效果 1.3、键盘事件 ...

Vue学习之--------事件的基本使用、事件修饰符、键盘事件(2022/7/7)
文章 2024-07-03 来自:开发者社区

12 VUE学习:事件

组件事件 触发与监听事件 在组件的模板表达式中,可以直接使用 $emit 方法触发自定义事件 (例如:在 v-on 的处理函数中): ...

12 VUE学习:事件
文章 2024-07-03 来自:开发者社区

07 VUE学习:事件处理

监听事件 我们可以使用 v-on 指令 (简写为 @) 来监听 DOM 事件,并在事件触发时执行对应的 JavaScript。用法:v-on:click="handler" 或 @click="handler"。 事...

07 VUE学习:事件处理
文章 2023-08-28 来自:开发者社区

Vue学习之参数传递与事件分发使用this.$emit(‘自定义事件名‘, 参数)自定义事件删除待办事项

使用自定义事件删除待办事项数据项在 Vue 的实例中,但删除操作要在组件中完成,那么组件如何才能删除 Vue 实例中的数据呢?此时就涉及到参数传递与事件分发了,Vue 为我们提供了自定义事件的功能很好的帮助我们解决了这个问题;使用this.$emit(‘自定义事件名’, 参数),操作过程如下修改创建 Vue 实例...

文章 2023-08-28 来自:开发者社区

Vue学习之Vue原理与Vue基础语法、事件标签总结

什么是 MVVMVue主要的就是MVVM的实现,它既实现了Anguler的模块化开发,又实现了React的虚拟DOM,但是作为一个后端开发人员,我们只要求会用就可以,并不用去了解ES6标准、Node.js啥的,在这里就Vue简单的一些操作进行梳理一下。MVVM(Model-View-ViewMode...

Vue学习之Vue原理与Vue基础语法、事件标签总结
文章 2023-07-29 来自:开发者社区

Vue组件开发指南:深入学习组件生命周期、Props、事件处理和插槽(下)

6. 插槽在Vue中,插槽(Slots)是一种用于组件之间的内容分发的机制。通过使用插槽,你可以将组件的内容定义在父组件中,并在子组件中进行分发和显示。本节将介绍插槽的作用和使用场景,以及匿名插槽和具名插槽的区别,还会介绍作用域插槽和插槽传递数据的方法。插槽的作用和使用场景插槽允许你在组件中定义一些...

文章 2023-07-29 来自:开发者社区

Vue组件开发指南:深入学习组件生命周期、Props、事件处理和插槽(中)

4. Props属性Props属性是Vue中用于父子组件之间传递数据的一种方式。在本节中,我们将介绍父子组件之间传递数据的方式、Props的类型检查和默认值设置,以及动态Props和Prop验证的相关内容。父子组件之间传递数据的方式父组件可以通过Props向子组件传递数据。在父组件中,可以使用v-bind指令将数据绑定到子组件的Props上。子组件可以在...

文章 2023-07-29 来自:开发者社区

Vue组件开发指南:深入学习组件生命周期、Props、事件处理和插槽(上)

1. 引言在现代的前端开发中,组件化开发已经成为一种非常流行和有效的开发方式。Vue.js是一个流行的JavaScript框架,它提供了一种简单而强大的方式来进行组件化开发。什么是Vue组件化开发?Vue组件化开发是指将一个复杂的用户界面拆分成多个独立、可重用的组件,并通过组合这些组件来构建整个应用程序。每个组件都有自己的模板、样式和逻辑&...

Vue组件开发指南:深入学习组件生命周期、Props、事件处理和插槽(上)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注