绑定class样式、渲染、vue监视、收集表单数据
- P26-P39
- Class与Style的理解+用法
- 条件渲染(v-show、v-if)
- 还在持续性更新ing,明天见·····
如果有正在学习的同学，需要练习过程中的代码实例和笔记私信我发你，祝你在学习前端的路上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
１. 切换频率高使用v-show
２. 切换频率低使用v-if、v-else-if、v-else 中间不能被间隔打断
２.１ v-if和v-if v-else-if区别:多组判断和单组判断的区别
２.２ template只能配合v-if使用
代码截图如下：
还在持续性更新ing,明天见·····