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