VUE中有兩個非常重要的指令，推動了整個MVVM模式的發展。分別是@click和v-if指令。這兩個指令的具體作用和用法，將在本文中詳細闡述。

點擊事件監聽@click

@click指令是在處理DOM事件中最常用的指令之一。在VUE中，我們使用@click來書寫點擊事件監聽的代碼。

<button @click="incrementCounter">點擊我</button>
methods: {
incrementCounter() {
this.counter++;
}
}

上述代碼中，我們為按鈕添加了點擊事件的監聽函數incrementCounter，當用戶在按鈕上點擊時，Vue實例中的counter數據屬性將自動加1。

在@click指令中，你還可以使用JavaScript表達式，來動態地改變數據屬性。

<button @click="isToggled = !isToggled">
{{ isToggled ? '關閉' : '打開' }}
</button>
data: {
isToggled: false
}

上述代碼中，我們通過isToggled這個數據屬性來存儲按鈕的開關狀態。在按鈕被點擊時，我們通過JavaScript表達式來動態改變isToggled的值，從而切換按鈕的狀態。

v-if條件渲染

v-if指令是另一個在VUE中非常常用的指令。它的作用是根據條件來渲染或者隱藏某個元素。

<div v-if="shouldShow">我被渲染了</div>
data: {
shouldShow: true
}

上述代碼中，我們使用v-if指令，來根據shouldShow的值來決定渲染或者隱藏div元素。當shouldShow的值為true時，div元素將被渲染出來；當shouldShow的值為false時，div元素將被隱藏。

值得一提的是，v-if指令還可以與v-else、v-else-if指令配合使用，以達到類似于if-else語句的效果。

<div v-if="shouldShow">我被渲染了</div>
<div v-else>我被隱藏了</div>
data: {
shouldShow: true
}

上述代碼中，當shouldShow的值為true時，第一個div元素將被渲染，第二個div元素將被隱藏；當shouldShow的值為false時，第一個div元素將被隱藏，第二個div元素將被渲染。

總體來說，@click指令和v-if指令都是VUE中非常重要的指令。它們的使用頻率非常高，對于開發VUE應用來說，掌握它們的使用技巧是必不可少的。