AI 助理
备案控制台
文章 2025-02-10 来自：开发者社区

Vue中的class和style绑定

在 Vue 中，class 和 style 绑定是非常实用的功能，它们允许开发者根据数据的状态动态地添加或修改 HTML 元素的 class 属性和 style 属性。 class 绑定原理基本原理Vue 的 class 绑定核心原理是基于数据驱动视图的思想。Vue 会对绑定的表达式进行求值，根据求值结果动态地更新元素的 class 属性。Vue 会监听...

文章 2024-10-16 来自：开发者社区

低代码可视化教你Vue遍历循环绑定

在Vue中，循环遍历通常使用v-for指令。这个指令基于一个数组来渲染一个列表。你可以用它来展示数据列表，如用户列表、商品列表等。每个从数组中渲染的元素都有它自己的索引，Vue也会为它们提供一个唯一的key值（虽然不是必须的，但强烈推荐使用以提高渲染性能）。 写代码实现循环遍历绑定 假设你有一个数组items，你想要在页面上展示这个数组的所有元素： ...

低代码可视化教你Vue遍历循环绑定
文章 2024-09-27 来自：开发者社区

vue-day03 v-on事件处理，表单输入绑定

v-on指令 在vue中，可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。v-on 指令监听 DOM 事件， 1.监听事件： 比如，计数器的应用 app1的例子 <div id="app1"> <button v-on:click="counter+=1">点我计数!</button> <p>...

vue-day03 v-on事件处理，表单输入绑定
文章 2024-08-20 来自：开发者社区

Vue学习之--------组件自定义事件（绑定、解绑）（2022/8/21）

文章目录 1、基础知识 2、代码实例 2.1 App.vue 2.2 school.vue 2.3 student.vue 3、测试效果（略） 4、实际应用（在组件化编码实战三的基础上改进） 4.1 改进的部分说明 4.2 如何查看触发的自定义事件的详细信息 1、基础知识 一种组件间通信的方式，适用于：子组件...

Vue学习之--------组件自定义事件（绑定、解绑）（2022/8/21）
文章 2024-08-15 来自：开发者社区

Vue学习之--------绑定样式、条件渲染、v-show和v-if的区别（2022/7/12）

文章目录 1、绑定样式 1.1 基础知识 1.2 代码实例 1.3 测试效果 2、条件渲染 2.1 基本知识 2.2 代码实例 2.3 测试效果 1、绑定样式 没啥好说的、我觉得还没直接引入外部写好的css样式方便（个人想法） 1.1 基础知识 绑定样式： 1、class样式写法:class=“xxx...

Vue学习之--------绑定样式、条件渲染、v-show和v-if的区别（2022/7/12）
文章 2024-07-04 来自：开发者社区

vue 批量绑定属性（你可能没这样用过 v-bind）

需求描述 在各大组件库和自定义的组件中，常有需要传入/绑定多个属性的需求，以实现下方效果为例： 实现的代码为： ...

vue 批量绑定属性（你可能没这样用过 v-bind）
文章 2024-07-03 来自：开发者社区

08 vue学习：表单输入绑定

表单输入绑定 在前端处理表单时，我们常常需要将表单输入框的内容同步给 JavaScript 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦： ...

08 vue学习：表单输入绑定
文章 2024-07-03 来自：开发者社区

05 VUE学习：类与样式绑定

Class 与 Style 绑定 数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式。因为 class 和 style 都是 attribute，我们可以和其他 attribute 一样使用 v-bi...

05 VUE学习：类与样式绑定
文章 2024-07-02 来自：开发者社区

vue实战--v-for 遍历渲染按钮的两种实现方案（重点：按钮点击事件的绑定技巧）

方案1：method为方法名的字符串 核心代码 @click="callBack(item.method)" ...

vue实战--v-for 遍历渲染按钮的两种实现方案（重点：按钮点击事件的绑定技巧）
文章 2024-07-01 来自：开发者社区

vue 组件封装 | s-fullpage 全屏滚动 （内含绑定鼠标滑轮滚动事件、避免鼠标滑轮连续滚动、滑动过渡动画等实用技巧）

目标 实现类似插件 vue-fullpage.js 的全屏滚动翻页效果（ vue-fullpage.js 的教程详见 https://blog.csdn.net/weixin_41192489/article/details/111104443） 实现原理（要点） 1. 使用 “子绝父相” 定位，实现上下滑动过渡动画翻页（滑动动画的实现...

vue 组件封装 | s-fullpage 全屏滚动 （内含绑定鼠标滑轮滚动事件、避免鼠标滑轮连续滚动、滑动过渡动画等实用技巧）

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

VUE.js vue相关内容

VUE.js更多vue相关

VUE.js您可能感兴趣

阿里巴巴终端技术

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

+关注