vue指令

1.v-model:双向数据绑定 用于表单元素

格式：v-model = " "

  

          
{{mes}}
          
   
   var app1 = new Vue({
           el: '.demo',
           data: {
           message: 'hello vue!'
       }
 })

2.v-on：指令添加一个事件监听器（绑定一个事件）

格式：v-on:事件名 = "函数名" （简写：@事件名=“函数名”）

 
{{msgs}}
 按钮

3.v-bind：绑定属性

格式：v-bind:属性名=“函数名” （简写：:属性名=“函数名”）

4.v-show 控制元素的隐藏和显示

格式：v-bind=" "

    
{{msgs}}
    
{{msgs}}

注：使用display：none隐藏

5.v-if、v-else、v-else-if

    
00000000000
    
1111111111
    
22222222
    
555555555555