Vue-02

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

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更适用于不常改变的情况。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,024评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,684评论 1 92
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,672评论 0 0
  • 参考 https://github.com/dunovank/jupyter-themes
    hopless阅读 3,401评论 0 0
  • 我以为,你走了,就再也不会回来,可今天,你就那么真实的出现在我面前。不是没有意外,不是没有惊喜,但更多的是尴尬!毕...
    L蓼萧阅读 2,622评论 4 1