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>
