Vue是現代前端開發的主流框架之一，其簡單易用的特點吸引了越來越多的開發者使用。Vue自帶了許多組件，方便快捷地解決了許多前端開發任務。下面我們來看看Vue自帶的組件有哪些。

1. v-model 組件

<input type="text" v-model="input">

這個組件能夠將用戶輸入的數據雙向綁定到data屬性中，使得在視圖和數據層之間進行數據傳輸更加簡單。

2. v-for 組件

<ul>
<li v-for="item in items">{{ item.text }}</li>
</ul>

使用v-for組件可以快捷地遍歷數組或者對象，生成對應的視圖層效果。

3. v-if 組件

<div v-if="show">This will only show if "show" is truthy</div>

v-if組件可以根據變量的真假值來決定是否在視圖層上呈現。

4. v-show 組件

<div v-show="show">Always show this element, but maybe hidden</div>

與v-if不同，v-show組件是用來控制元素的顯示和隱藏的，它是基于CSS的display屬性的。

5. v-bind 組件

<img v-bind:src="imageSrc">

v-bind組件則是用來動態地綁定HTML元素的屬性，例如src、href、title等等。

以上是Vue自帶的一些常見組件，它們使得Vue的開發變得更加簡單和流暢，讓我們在前端開發中的效率得到了大大的提升。