0
点赞
收藏
分享

微信扫一扫

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



绑定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都是对象/数组

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

条件渲染(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使用

Vue入门到放弃之旅今日开启第二篇_前端_02

代码截图如下:

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

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


举报

相关推荐

0 条评论