码迷,mamicode.com
首页 > 其他好文 > 详细

vue中v-show与v-if的区别

时间:2017-06-14 13:06:55      阅读:451      评论:0      收藏:0      [点我收藏+]

标签:固定   作用   渲染   改变   而不是   隐藏   表达式   安全   false   

 

v-show

在v-show中,元素是一直存在的,当v-show为false时,元素display:none只是隐藏了而已。 

 

v-if

作用:判断是否加载固定的内容,如果为真,则加载;为假时,则不加载。

用处:用在权限管理,页面条件加载。

语法:v-if=“判断表达式”

特点:控制元素插进来或者删除,而不是隐藏。

 

一般的,v-if有更高的切换消耗,而v-show有更多的初始化渲染消耗。

如果需要频繁的切换而对安全性无要求,使用v-show。如果在运行时,条件不可能改变,则使用v-if较好。

 

vue中v-show与v-if的区别

标签:固定   作用   渲染   改变   而不是   隐藏   表达式   安全   false   

原文地址:http://www.cnblogs.com/pearl07/p/7008068.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!