1，vue指令
（1） v-model=“值” 双向数据绑定 一般用于表单元素
（2） v-on：事件名=‘函数名’ 用来绑定一个事件
（3） v-bind：属性名=‘值’ 用来绑定属性的
（4） v-show=“ ” 控制元素的显示和隐藏 隐藏时在控制台中显示为 display:block; 属性
（5） v-if 同 v-show 用法一样 使用 visibility:hidden; 隐藏
（6） v-if v-else-if v-else 多层判断
2，v-model

    <div id="itany">
         <input type="text" v-model="msg">
          <p>{{msg}}</p>
   </div>
   <script src="js/vue.js"></script>
   <script>
       new Vue({
           el:'#itany',
           data:{
               msg:'hello vue'
           }
       })
   </script>

3，v-on

    <div id="itany">
        <button v-on:click='alt'>按钮</button>
    </div>
    <script src="js/vue.js"></script>
    <script>
        new Vue({
            el:'#itany',
            data:{
                msg:'hello'
            },
            methods:{
                alt:function(){
                    console.log(this.msg);
                }
            }
        })
    </script>

4，v-bind

    <div id="itany">
           <img v-bind:src="url" alt="">
    </div>
    <script src="js/vue.js"></script>
    <script>
          new Vue({
              el:'#itany',
              data:{
                  url:'images/1.jpg'
              }
          })
    </script>

5，v-show

<div id="itany">
       <h1>hello world</h1>
      <!--       v-show  设置属性的显示或隐藏-->
       <h3 v-show='see'>hello vue</h3>
</div>
<script src="js/vue.js"></script>
<script>
    new Vue({
        el:'#itany',
        data:{
            see:false
        }
    }) 
</script>

6，v-if v-else-if v-else

    <div id='itany'>
           <p v-if='num==0'>00000000000</p>
           <p v-else-if='num==1'>1111111111</p>
           <p v-else-if='num==2'>22222222</p>
           <p v-else='num==5'>555555555555</p>
  
   </div>
   <script src='js/vue.js'></script>
   <script>
         new Vue({
             el:'#itany',
             data:{
                      //                                              随机数公式
                    //               num:Math.floor(Math.random()*(max-min+1)+min)
                     num:Math.floor(Math.random()*(5-0+1)+0)
             }
       })
   </script>