Vue組件中的條件是開發人員在編寫時會遇到的一種情況。例如，一個組件可能需要根據不同的狀態顯示不同的內容。

Vue.component('example-component', {
data: function () {
return {
message: 'Hello Vue!'
}
},
template: `
This is the default message
This message was changed
`
})

在上述例子中，組件中的message狀態將會根據不同的情況顯示不同的內容。v-if和v-else是Vue中用于條件展示的指令。v-if將根據條件的真假來展示或隱藏DOM元素，而v-else將展示另一個內容。

除了v-if和v-else外，Vue還提供了許多其他的條件指令，例如v-show和v-for。v-show和v-if類似，不同之處在于v-show僅僅是隱藏而已，而v-if則是從DOM中完全移除。另外，v-for可以用于循環展示列表中的內容。

Vue.component('example-component', {
data: function () {
return {
items: [
{text: 'Learn Vue'},
{text: 'Build awesome apps'},
{text: 'Profit!'},
]
}
},
template: `
{{ item.text }}
`
})

通過v-for指令，組件可以循環顯示列表中的內容，從而避免了在代碼中寫很多的重復代碼。