Vue.js: What is the difference between v-for and v-if?

1<li v-for="item in items">{{ item }}</li>
2<div v-if="show">Content</div>