Vue-02

2018-09-11  本文已影响0人  三岁就很酷耶

首先感谢老铁们的支持,如果喜欢,记得加关注,鲜花礼物刷起来!

v-for循环  可以遍历值和下标

v-for="(value,index) in  对象名"

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

v-model="  "

v-on  绑定事件

v-on:事件名="函数(方法)"    简写:事件名="函数(方法)"

v-show控制元素的显示或隐藏

v-show是用display:none控制

v-if是用visibility:hidden控制

v-bind:属性名="值"

v-show和v-if的区别

v-show和v-if都是用于控制元素的显示或隐藏,但是两种方法的原理是不同的。

v-show是用display:none控制控制元素的隐藏的,但是v-if是用visibility:hidden来进行控制的,可以看出,v-show是通过控制元素的display样式属性来实现控制显隐,它会改变元素的display属性为block或none,而v-if是具有惰性的,如果条件为假,则它什么也不会做。v-show适用于频繁变换,而v-if更适用于不常改变的情况。

上一篇下一篇

猜你喜欢

热点阅读