最近在用vue开发,用起来很简单。关于v-show和v-if其实也很简单。
v-if
这个命令用于条件渲染,当命令所写的条件返回值为true时,内容就会被渲染;
当命令所写的条件返回值为false时,内容不会被渲染。
v-show
用法和v-if基本一致,所写条件表达式为true就显示,为false就隐藏。但区别是这个=里的隐藏和显示只是基于css的款式切换。即使一开始条件为false,内容会被渲染在文档中,只是css管理隐藏而已。
综上,v-if和v-show的区别就是v-if属于真正的渲染;而v-show相当于是否显示文档,内容始终都被渲染了。