尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通 学习笔记|26-30

文章探讨了在Vue环境下如何有效地使用CSS和style,包括class的字符串、数组和对象绑定方式,style的字符串和对象形式,并对比了它们的区别。同时介绍了V-show和V-if的条件渲染机制,以及如何实现元素的紧密排列和遍历操作,特别是强调了在遍历中使用key的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、Css  和 style 结合

Vue环境下尽量不使用 dom树格式

1.绑定class,字符串方式

 绑定class,数组方式

 绑定class,对象形式,以及两者区别

 2.绑定style

字符串方式 

对象方式

共有三种方式

style和class总结

条件渲染

二、常用标签

1.V-show:true 是否显示  ,调整display属性

 

 2 V-if 比较狠,直接让你看不到

 

 

 四个div 要紧紧靠在一起

 

 3.遍历

带key

 

 

 遍历指定次数

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值