vue中v if_51CTO博客

Vue中v-for循环

Vue中v-for循环

html

数组

Vue

原创

浅墨_东

2023-05-13 09:01:33

472阅读

vue 中的 v-for

前言对于vue中的 v-for，我们都不陌生，甚至说是我们的老朋友了。在需求开发中都是会经常用到的。之前因为需求的原因，用到了我个人之前不常用用到的关于 v-for 中的用法，这里简单的做个总结，记录一下。使用遍历数组 <template> <div> <ul> <li v-for="item ...

vue

遍历数组

IT

转载

mob604756ff98d6

2021-09-11 09:53:00

413阅读

2评论

vue中v-text / v-html

vue中v-text / v-html使用显示123

html

vue.js

.net

数据

javascript

转载

whiterabbit

2019-04-02 14:32:00

118阅读

2评论

Vue中的v-model

v-model是语法糖： <input v-model="sth" /> <input v-bind:value="sth" v-on:input="sth = $event.target.value" /> <input :value="sth" @input="sth = $event.targ ...

语法糖

其他

转载

mob604756e75222

2021-09-27 13:51:00

159阅读

2评论

vue中v-model详解

本文通过通俗的例子介绍了v-model的用法，并与v-bind等进行对比。

v-model

vue

v-bind

转载

googlingman

2020-11-19 06:47:06

2491阅读

vue中v-model详解

(一)vue中经常使用到<input>和<textarea>这类表单元素。vue使用v-model实现这些标签数据的双向绑定，它会根据控件类型自动选取正确的方法来更新元素。v-model本质上是个语法糖。如下代码<inputv-model="tt">本质上是<input:value="tt"@input="

Java

原创

mb5fe559619e363

2021-01-23 17:47:52

280阅读

vue中v-model详解

vue中v-model详解v-model 本质上是一个语法糖，是v-bind和事件监听（@input）的合并操作。vue使用v-model实现

vue.js

数据

语法糖

表单

原创

秃头小框

2022-11-17 00:16:15

91阅读

vue中v-for的用法

当需要将一个数组遍历或枚举一个对象循环显示时候，我常用的就是列表渲染指令v-for. 它需要结合着in 或者of来使用，如下<div id="app">

v-for

key

in

of

复用

原创

前端岚枫

2022-06-30 16:11:16

121阅读

Vue 中的 v-cloak

Vue 中的 v-cloak 解读v-cloak 的作用和用法用法：这个指令保持在元素上直

css

加载

Vue

转载

Hello_Martin

2023-04-03 13:41:13

75阅读

Vue中v-if和v-show区别

Vue中v-if和v-show是两个常用的指令，用于控制元素的显示和隐藏。虽然它们都能达到相同的效果，但在实现机制和使用场景上有一些区别。本文将详细介绍v-if和v-show的区别，并且通过示例代码来演示它们的使用。

Vue

示例代码

web前端

原创精选

日晚间粉

2024-02-05 15:48:54

339阅读

vue中v-text，v-html, v-model, {{}}区别

首先我们知道vue中有很多自定义指令，以v- 开头，例如：v-text，v-bind，v-model, v-if,等在这些指令中，部分指令之间是很容易被混淆，所以今天决定自己总结一下以下几个相似指令之间的异同：1.v-textv-text是用于操作纯文本，它会替代显示对应的数据对象上的值。当绑定的数据对象上的

vue.js

html

javascript

插值

数据

原创

wx61cd54ea3a202

2022-03-23 16:11:00

284阅读

vue中v-if和v-show的区别

v-if：每次都会重新创建或删除元素，具有较高的切换性能消耗；v-show：每次切换元素的 display:none 样式，具有较高

js

vue

删除元素

转载

mb61cac9c148376

2022-01-09 14:47:12

144阅读

Vue中v-model的原理

在Vue中，v-model是一个非常强大且常用的指令，它能够让我们轻松地处理表单输入和应用状态之间的双向绑定。它不仅简化了代码编写的过程，还提供了一种高效的方式来管理表单数据。

Vue

数据

双向绑定

原创精选

日晚间粉

2024-02-03 14:44:25

964阅读

vue 中 v-for 遍历渲染对象

<ul> <li v-for="(value,key) in obj" :key="key"> {{key}}-{{value}} </li></ul>obj: { name: '朝阳', age: 30}

Vue

原创

朝阳39

2022-07-12 16:11:41

470阅读

Vue 中 v-for 的 key 属性：为什么索引不是最佳选择？在 Vue 开发中，v-for渲染列表时，key属性常常被忽视，却隐藏着影响功能稳定性的关键逻辑。很多开发者习惯用索引index作为key，但在复杂场景下这可能导致意想不到的问题。key的核心作用是帮助 Vue 识别列表元素的唯一性。当列表发生变化时，Vue 会通过key判断元素是否需要重新渲染。这不仅关系到性能优化，更影响组件状态

Vue

复选框

删除元素

原创

wuhu0827

2月前

37阅读

Vue v-on

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>运算结果：{{count}}</h1> <p> </p> <bu ...

html

3c

事件对象

键盘事件

点击事件

转载

mob604756f0e582

2021-08-15 22:29:00

106阅读

2评论

Vue - v-on

Vue学习（三）- v-onv-on 使用v-on是用于绑定事件监听器。事件类型由参数指定，表达

vue.js

html

前端

javascript

修饰符

原创

ITKaven

2022-11-09 18:25:47

56阅读

Vue - v-for

Vue学习（二）- v-forv-for就相当于程序语言中的for一样，可以遍历一个Array、Objec

vue

html

前端

javascript

vue.js

原创

ITKaven

2022-11-09 18:25:56

139阅读

Vue for v-for

内容来自于网络： Vue for v-for 2.x版本：v-for="(item,index) in items"index即索引值。理解v-for="( item, index) in item次渲染元素或模板块。在v-for=

Vue

数组

键值

转载

emanlee

6月前

8阅读

Vue v-for

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <ul> <li v-for="p in personArr">{{p} ...

html

其他

转载

mob604756eb6938

2021-08-17 18:24:00

352阅读

2评论

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

vue中v if

Vue中v-for循环

vue 中的 v-for

vue中v-text / v-html

Vue中的v-model

vue中v-model详解

vue中v-model详解

vue中v-model详解

vue中v-for的用法

Vue 中的 v-cloak

Vue中v-if和v-show区别

vue中v-text，v-html, v-model, {{}}区别

vue中v-if和v-show的区别

Vue中v-model的原理

vue 中 v-for 遍历渲染对象

Vue 中 v-for 的 key 属性

Vue v-on

Vue - v-on

Vue - v-for

Vue for v-for

Vue v-for

Vue - v-for

Vue中v-once和v-pre的区别

[vue] Vue条件渲染 v-if v-show

vue中v-if与v-for的优先级?

vue v-if v-else

Vue v-if v-show

React中的vue的v-for操作。

vue中的v-for循环指令使用

如何理解vue中的v-bind？

如何理解vue中的v-model？