Vue中自帶指令是Vue框架中使用頻率最高的一種功能，它是用來解決直接在HTML模板中操作DOM的問題，使得我們可以更加方便的對DOM進行操作，讓開發更加便捷。

在Vue中，指令的作用是將DOM操作和Vue實例中的數據綁定起來，從而實現數據的動態渲染。Vue提供了一些常用的指令，例如v-if、v-show、v-for、v-bind、v-on等等。

其中，v-if和v-show都是用來控制元素的可見性的。v-if的作用是根據表達式的值，將元素添加或者移除，而v-show則是通過CSS的display屬性來控制元素的顯示和隱藏。兩者的不同在于，v-if是在元素被完成刪除和重新添加的過程中，會執行一些額外的邏輯，而v-show則是通過CSS來控制可見性，不會觸發額外的邏輯。

<!-- v-if -->
<div v-if="isShow">顯示內容</div>
<!-- v-show -->
<div v-show="isShow">顯示內容</div>

接下來是v-for指令，它主要用來進行數組的循環遍歷。我們在使用v-for時需要指定遍歷的數組，同時還可以指定數組項的別名。例如下面這個例子：

<ul>
<li v-for="(item, index) in list">{{index}}. {{item}}</li>
</ul>

上述代碼中，我們可以看到v-for中的圓括號里面有兩個參數，第一個是數組項的別名，第二個是數組的索引。接下來我們使用另一個指令v-bind，將動態屬性綁定到DOM元素上。例如：

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

上述代碼中，我們將img的src屬性綁定到了Vue實例中的imgSrc變量上，通過改變imgSrc的值可以讓圖片隨之改變。v-bind還可以簡寫成一個冒號的形式，例如：

<img :src="imgSrc">

最后介紹一下v-on指令，它是用來綁定事件的。例如下面這個例子：

<button v-on:click="onClick">點擊我</button>

上述代碼中，我們將button的click事件綁定到了Vue實例中的一個方法onClick上，當點擊按鈕時，即會觸發onClick方法。與v-bind一樣，v-on也可以簡寫成@，例如：

<button @click="onClick">點擊我</button>

除了上述這些指令，Vue還提供了很多其他的指令，例如v-model、v-text、v-html等等。這些指令都是為了更加方便地操作DOM，讓我們的開發更加便捷。