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

1<li v-for="item in items" :key="item.id">{{ item.name }}</li>
2<div v-if="isVisible">Content</div>