步骤：
创建静态页面vshow.html，并修改title内容“Vue.js之v-show指令”，如下图所示：
引入Vue.js中的JavaScript文件，注意引入js的位置，如下图所示：
在body元素内部插入一个div，div标签内部插入三个p元素，分别加上v-if、v-else和v-show，如下图所示：
在div标签下方插入<script></script>元素，并在里面添加Vue.js代码，如下图所示：
预览该静态页面，这时会发现显示内容，如下图所示：
第六步，将local属性值改为“false”，再次预览该页面，如下图所示：
Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。
另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能完美地驱动复杂的单页应用。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2017-05-07
v-show是通过其值为true或者false来决定所包含的元素是否显示。举例如下：
HTML：
<div id="app"><p v-show="ok">123</p>
</div>
JavaScript（Vue）：
var vm = new Vue({el: '#app',
data: {
ok: true
}
});
默认情况下运行结果会在页面上显示这个p元素，也就是会出现123字符串。
当我们在控制台中使用vm.ok = false;将其值设置为false后。123字符串将立即消失，即p元素被隐藏了。
本回答被提问者采纳
相似回答