第二章:v-if v-else v-show指令的使用

1.修改我们的Index.html文件
vscode快速复制一行的快捷键:alt+shift+下箭头
在这里插入图片描述
2.v-if的使用场景:判断用户是否登录,如果登陆,显示欢迎,如未登录,显示请登录
在这里插入图片描述
3.v-else的使用
在这里插入图片描述
4.从显示效果看,v-if和v-show差不多,但是二者还是有区别的

<div v-if="isLogin">你好,凡人枫!</div>

v-if用来判断是否加载某个东西,如上面所述,根据isLogin的值判断这个div是否加载,可以减轻服务器的压力
v-show是已经加载了这个东西,调整的只是css display的属性值,使得客户端操作更加流畅

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值