1、第一步，在HBuilder新建的VueJS项目中，创建静态页面velseif.html，如下图所示：
2、第二步，在title标签下方，引入Vue.js的核心JavaScript文件，注意是2.x版本的，如下图所示：
3、第三步，在<body></body>标签内，插入一个无序列表，并在li标签内添加v-if、v-else-if和v-else指令，判断flag变量的值，对应的显示值，如下图所示：
4、第四步，保存代码并在浏览器中查看效果，这时可以看到六项都显示出来了，如下图所示：
5、第五步，在<ul></ul>下方插入<script></script>，定义和初始化Vue()，给flag值为“3”，如下图所示：
6、第六步，再次保存代码并查看预览效果，可以看到显示第三级，显示第三个值，如下图所示：
