v-show指令
根据表达值的真假，切换元素的显示和隐藏。
v-if指令
根据表达值的真假， 切换元素的显示和隐藏（操纵dom，但是有些时候操纵dom会开销比较大）
v-bind指令
设置元素的属性（图片的地址src、title、class等，都写在元素的内部。）
在下面有一个class类写法和一个三元写法，推荐用class类的写法。
切换图片
Vue.js从0开始到实战开发4：v-show指令、v-if指令、v-bind指令讲解与实现图片切换图案例
2023-01-11
81
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
根据表达值的真假，切换元素的显示和隐藏。
目录
相关文章
|
6天前
|
JavaScript
前端开发
js变量的作用域、作用域链、数据类型和转换应用案例
【4月更文挑战第27天】JavaScript 中变量有全局和局部作用域，全局变量在所有地方可访问，局部变量只限其定义的代码块。作用域链允许变量在当前块未定义时向上搜索父级作用域。语言支持多种数据类型，如字符串、数字、布尔值，可通过 `typeof` 检查类型。转换数据类型用 `parseInt` 或 `parseFloat`，将字符串转为数值。
18
1
1
|
6天前
|
JavaScript
前端开发
索引
|
4天前
|
XML
前端开发
JavaScript
|
6天前
|
JavaScript
前端开发
索引
|
6天前
|
编解码
JavaScript
安全
|
6天前
|
JavaScript
|
6天前
|
JavaScript
前端开发
|
6天前
|
JavaScript
前端开发
js的let、const、var的区别以及应用案例
【4月更文挑战第27天】ES6 中，`let` 和 `const` 是新增的变量声明关键字，与 `var` 存在显著差异。`let` 允许重新赋值，而 `const` 不可，且两者都具有块级作用域。`var` 拥有函数级作用域，并可在函数内任意位置访问。`let` 和 `const` 声明时必须初始化，而 `var` 不需。根据需求选择使用：局部作用域用 `let`/`const`，全局或函数范围用 `var`，不可变值用 `const`。
24
2
2
|
6天前
|
JavaScript
前端开发
安全
|
6天前
热门文章
最新文章
1
JavaScript 权威指南第七版（GPT 重译）（六）(4)
2
JavaScript 权威指南第七版（GPT 重译）（三）(1)
3
JavaScript 权威指南第七版（GPT 重译）（二）(1)
4
JavaScript 权威指南第七版（GPT 重译）（四）(4)
5
JavaScript 权威指南第七版（GPT 重译）（七）(1)
6
JavaScript 权威指南第七版（GPT 重译）（六）(3)
7
JavaScript 权威指南第七版（GPT 重译）（三）(2)
8
【专栏】Vue.js和Node.js如何结合构建现代Web应用
9
JavaScript 权威指南第七版（GPT 重译）（一）(1)
10
JavaScript 权威指南第七版（GPT 重译）（五）(2)
1
在vue中，怎样理解 Vue 的单向数据流？
24
2
在vue中，Class 与 Style 如何动态绑定？
18
3
在vue中，v-show 与 v-if 有什么区别？
26
4
在vue中，如何实现SPA单页面应用的路由管理？
24
5
在vue中，说说你对 SPA 单页面的理解，它的优缺点分别是什么？
44
6
解决Vue 3 + Element Plus树形表格全选多选以及子节点勾选的问题
81
7
Vue中el与data的两种写法
19
8
Vue之数据绑定
15
9
使用Vue.js、Vuetify和Netlify构建现代化的响应式网站
47
10
初识Vue 输出Hello World 及注意事项
24