vue条件渲染+列表渲染+事件处理器

 

vue条件渲染

v-if  v-else-if  v-else

 

v-if后面是true，则会显示；false则不显示

 

 

结果

 

 

 

输出

 

 

v-show 当为true时显示，为false不显示

 

 

 

 

vue列表渲染

 

 

 

 

 

 带下标的情况

 

 

 

 

对象的循环

 

 

 

 

vue事件处理器

v-on 指令绑定事件，缩写@

 

 

 

 事件绑定的方法在methods中定义

 

 

 

 

事件绑定带参数的函数

 

 

 

 

事件修饰符

.stop 阻止事件冒泡