1、第一步，双击打开HBuilder编辑工具，新建一个HTML5模板页面，如下图所示：
2、第二步，在页面中引入vue.js文件，并在<body></body>挢旗扦渌;插入div标签还有p和span，如下图所示：
3、第三步，在对应的p和span标签上使用v-show和v-if，绑定变量a和b，如下图所示：
4、第四步，分别给a、b变量赋值true和false，然后保存代码并在浏览器中预览，如下图所示：
5、第五步，将变量a和变量b的值进行切换，然后查看对应的效果，如下图所示：
6、第六步，保存代码再次预览发现span标签内的文字显示，这两个变量可以使用一个变量，然后对另一个取反，如下图所示：
