Vue入门到放弃之旅今日开启第二篇

如果有正在学习的同学,需要练习过程中的代码实例和笔记私信我发你,祝你在学习前端的路上BUG满满!!在BUG才会成长!还是希望能对你有所帮助,那怕一点点 那我们在尚硅谷的弹幕见(我是初学者) 哈哈哈

P26-P39

Class与Style的理解+用法

理解:
	1.在应用界面中,某个元素的样式是变化的
	2.class/style绑定就是专门用来实现动态样式效果的技术
class样式:
	写法:class="xxx" xxx可以是字符串、对象、数组。
	字符串写法适用于:类名不确定,要动态获取。
	对象写法适用于:要绑定多个样式,个数不确定,名字也不确定。
	数组写法适用于:要绑定多个样式,个数确定,名字也确定,但不确定用不用。
style样式
	:style="{fontSize: xxx}"其中xxx是动态值。
	:style="[a,b]"其中a、b是样式对象。									

代码实例如下:
对应每个方法应用场景说明下列class都是对象/数组

在这里插入图片描述

条件渲染(v-show、v-if)

不同使用场景使用不v-show和v-if
1.  切换频率高使用v-show
2. 切换频率低使用v-if、v-else-if、v-else 中间不能被间隔打断
2.1 v-if和v-if v-else-if区别:多组判断和单组判断的区别
2.2 template只能配合v-if使用

在这里插入图片描述

代码截图如下:

在这里插入图片描述

还在持续性更新ing,明天见·····

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值