上节课简单的学了vue,这节课学vue的内部指令,之前自己也捣鼓过官方文档,然而并没有深入的去了解。
1、v-if:
是vue的一个内部指令,指令用在html中,用的场景大概就是判断有没有登录,如果登录了就显示,你好!xx,没有登录就跳转到登录页
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属性,可以使客户端操作更加流畅。