上篇文章我们学习了如何引用Vue并创建应用，以及如何在html标签内使用变量与标签内如何绑定变量的，没看这篇文章的同学可以点击Vue入门（一）来查看（友情提示，这篇文章是很重要的基础，请认真阅读）。
接下来我们来学习如何使用vue的一些指令，也就是vue读取到它时会自动执行一些操作。那么vue指令都有哪些呢？常用的有v-for、v-show、v-if、v-model、v-on、v-bind，接下来我们详细讲述这些指令都有什么作用。
首先来说v-for、相信大家都对JavaScript的for循环有一定了解，其实v-for的功能和for功能一致，只是不同的表现形式而已。我们写个示例来看一下。
{{ i }}
运行该文件可以看到，list数组内的值会每行都显示出来。相信大家也就明白了这个指令的用处，接下来我们来说一说v-show和v-if的使用。
v-show和v-if两个指令都是对元素的显示隐藏有效，不同的是v-show和jquery的$("#id").show()类似，是通过样式的display值的block和none来控制的，也就是页面加载时无论是否显示都会加载，但v-if不同，如果值为false，也就根本不会加载，我们通过示例来研究一下。
43434
32323
运行示例来看一下，页面为空白，然后我们打开开发者工具，我们可以看到v-show的div已经加载，但display为none，但v-if的div并未加载，如图所示。
接下来的三个指令我们下期再说，敬请期待。欢迎大家在评论区留言。
| 留言与评论（共有 0 条评论） “” |
