Vue Directives

Vue provides built-in directives such as v-if for conditional rendering and v-for for looping through arrays.

Snippet:

<ul><li v-for="item in items" :key="item.id">{{ item.name }}</li></ul><p v-if="showMessage">This is a conditional message.</p>

Example:

data() { return { items: [{ id: 1, name: "Item 1" }, { id: 2, name: "Item 2" }], showMessage: true }; }