上一篇文章讲解“vue.js指令v-if+v-else+v-else-if”，本篇文章讲解“vue.js指令v-show”。

v-show

v-show和v-if一样可以控制元素的显示，不同的是v-show是根据表达式的真假，控制元素的display: none;CSS属性。而v-if是通过是否有这个元素来控制。

特别要注意v-show不支持和v-else/v-else-if配合使用。如果要控制2个元素的显示隐藏，只能分别给2个元素添加v-show。

【例】控制两个元素，一个显示一个隐藏，并观察其显示隐藏方式。

浏览器访问：

Vue.js连载为卓象程序员原创，转载请联系卓象程序员

关注卓象程序员，定期发布技术文章

下一篇讲解“vue.js指令v-for”