Vue-02

作者: 三岁就很酷耶 | 来源:发表于2018-09-11 15:54 被阅读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更适用于不常改变的情况。

    相关文章

      网友评论

          本文标题:Vue-02

          本文链接:https://www.haomeiwen.com/subject/pzvygftx.html