Vue的指令

v-for

v-for=" "(循环)

v-model

v-model (双向数据绑定)主要用于表单元素

{{meg}}



v-on

v-on 事件 写法:v-on:事件名=‘函数名’ 简写@click " "

v-bind

v-bind:属性名 绑定一个属性 简写属性名=‘值’


v-show

v-show=" " 控制元素的显示或隐藏 display:block;
v-if=" " 控制元素的显示或隐藏 visibility:hidden;

display:none 与 visibility:hidden的区别:

1.display:none是彻底消失,不在文档流中占位,浏览器也不会解析该元素;visibility:hidden是视觉上消失了,可以理解为透明度为0的效果,在文档流中占位,浏览器会解析该元素;

2.使用visibility:hidden比display:none性能上要好,display:none切换显示时visibility,页面产生回流(当页面中的一部分元素需要改变规模尺寸、布局、显示隐藏等,页面重新构建,此时就是回流。所有页面第一次加载时需要产生一次回流),而visibility切换是否显示时则不会引起回流。

逻辑运算符
&&与
|| 或
!非

{{meg}}

{{meg}}

    

v-if、v-else、v-else-if控制元素的显示与隐藏

0000000000000

111111111111

2222222222222

333333333333

444444444444

555555555555

    
复习随机数公式
Math.floor(Math.random()x(max-min+1)+min)
保留小数
toFixed

你可能感兴趣的:(Vue的指令)