美文网首页
Vue2.0学习笔记v-if 和v-show(2)

Vue2.0学习笔记v-if 和v-show(2)

作者: 小囧兔 | 来源:发表于2018-02-11 23:39 被阅读0次

上节课简单的学了vue,这节课学vue的内部指令,之前自己也捣鼓过官方文档,然而并没有深入的去了解。

1、v-if:

是vue的一个内部指令,指令用在html中,用的场景大概就是判断有没有登录,如果登录了就显示,你好!xx,没有登录就跳转到登录页


image.png

  v-if用来判断是否加载html的DOM,模拟一个用户登录状态,在用户登录后显示用户名称,在vue的data里定义了isLogin的值,如果它为true,网页就会显示:你好:xxx,如果为false时,就显示请登录。

2、v-show:

调整css中display属性,DOM已经加载,但是是否显示也是看data里的值是不是ture

3、v-if 和v-show的区别:

v-if: 判断是否加载,可以减轻服务器的压力,在需要时加载。
v-show:调整css dispaly属性,可以使客户端操作更加流畅。

相关文章

网友评论

      本文标题:Vue2.0学习笔记v-if 和v-show(2)

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