v-if，v-show,v-for，v-model

v-开头的为VUE中指令，使用v-bind来绑定属性,

v-bind单向绑定，只能将model中数据传给绑定的属性 

          

 

v-if ：条件判断，为TRUE则显示，false不显示

v-show：是否显示；

　　区别： v-if 每次都会重新删除或者创建元素

　　　　　v-show每次不会重新进行dom的删除和创建操作，只是切换了元素的显示

 

v-if 的条件判断

       

 

v-for

       

 

 

v-on：为vue 中指令的监听和响应事件，用于绑定事件（各种事件），事件触发之后，可以执行，v-on 缩写为@

        

 

 

自定义方法来调用触发事件

       

 

 

v-model

　　数据双向绑定，能将model中数据传给绑定的属性 ，也能将用户输入的数据传给model，只能在input、textarea、select 元素上使用

　　v-bind单向绑定，只能将model中数据传给绑定的属性