Vue.js库中v-show指令是根据表达式的值来显示或隐藏HTML元素，当v-show的值为true，表示元素显示；如果v-show值为false，表示元素隐藏。下面利用一个实例说明v-show命令的用法，操作如下：
工具/原料
1
Vue.js
2
HBuilder
3
浏览器
4
截图工具
方法/步骤
1
第一步，创建静态页面vshow.html，并修改title内容“Vue.js之v-show指令”，如下图所示：
2
第二步，引入Vue.js中的JavaScript文件，注意引入js的位置，如下图所示：
3
第三步，在body元素内部插入一个div，div标签内部插入三个p元素，分别加上v-if、v-else和v-show，如下图所示：
4
第四步，在div标签下方插入元素，并在里面添加Vue.js代码，如下图所示：
5
第五步，预览该静态页面，这时会发现显示内容，如下图所示：
6
第六步，将local属性值改为“false”，再次预览该页面，如下图所示：
注意事项
1
注意v-show指令的用法
2
注意v-if和v-else的联合使用方法
上一篇：dnf遴选属性怎么获得