2018-09-14 vue初学四(1.v-bind图片切换2.v-show及v-if的使用3.v-if/v-else/v-else-if)

1.切换图片（2张）

使用了v-bind来实现 简写 :属性名=“”

v-bind绑定一个属性

         //先用bind绑定属性在添加click进行切换图片

2.多张图片切换

      绑定url，点击时将url图片切换成arr中的图片
    

        
{{index+1}}
 //遍历出下标来
    

3.v-show及v-if的使用

v-show及v-if都是控制元素的显示或隐藏的但他们隐藏的方式有所不同

3.1隐藏文字

        
{{add}}
        
{{add}}
  //隐藏h2标签，在这里加上v-show 
    
    

3.2隐藏和显示

    点击隐藏
    

4.v-if/v-else/v-else-if的使用

toFixed(n) 保留小数，n代表保留几位

取整公式:Math.floor(Math.random()*(max-main+1)+min)；

    
      
0
    //和if-esle-同理
      
1
      
2
      
3
      
4