小白Vue 之v-if 、v-show 、v-for 自我了解第三篇~

  • 时间:2018-07-03 21:21 作者:楚洁自话 来源:楚洁自话 阅读:40
  • 扫一扫,手机访问
摘要:主要内容:v-if 、v-show 、v-for一、v-if {{msg}} toggle二、v-show {{msg}} toggle相信经过上面2点后你会发现,v-if与v-show的在页面中的实现效果是一样的,但是当你调使用的时候请仔细观察那个dom,即div。你会发现二者的区别:v-if 隐

主要内容:v-if 、v-show 、v-for

小白Vue 之v-if 、v-show 、v-for 自我了解第三篇~

一、v-if

{{msg}}

二、v-show

{{msg}}

相信经过上面2点后你会发现,v-if与v-show的在页面中的实现效果是一样的,但是当你调使用的时候请仔细观察那个dom,即div。你会发现二者的区别:

v-if 隐藏是直接移除那个元素即此处的div,显示时则会重新创立一个div

v-show 隐藏不会移除dom元素,只是在div标签中加了一个display:none的css样式。要显示时移除该样式;

总结:顾推荐用v-show更好

三、v-for

自我了解:就是需要循环加载数据是用

 
  • {{item.i}}

楚洁自话我又来啦~~上述均是自我的了解,假如有什么不对的地方,请留言指正我,多谢了~

  • 全部评论(0)
最新发布的资讯信息
【系统环境|服务器应用】Spring02——实现动态代理商阻拦器(2018-10-20 23:18)
【系统环境|服务器应用】Spring01——SpringIoC容器(2018-10-20 23:17)
【系统环境|服务器应用】最大堆进阶:堆排序及其优化(2018-10-20 23:17)
【系统环境|服务器应用】【一文读懂】百度一下,背后可不只是简单的一下(2018-10-20 23:17)
【系统环境|服务器应用】注意!这5种搜索套路,让你资源搜索不求人(2018-10-20 23:17)
【系统环境|服务器应用】Java线程池---Executor框架源码深度解析(2018-10-20 23:16)
【系统环境|服务器应用】X.509证书认证模式简介(2018-10-20 23:16)
【系统环境|服务器应用】Spring Security权限框架理论与实战(二)-常用权限阻拦器(2018-10-20 23:16)
【系统环境|服务器应用】做程序员太辛苦了, 我想换行,我该怎样办? “敲一下回车。”(2018-10-20 23:16)
【系统环境|服务器应用】mysql中使用select的正确姿势你知道吗?(2018-10-20 23:16)
手机二维码手机访问领取大礼包
返回顶部