Vue.js中定義的模板數(shù)據(jù)是一個(gè)響應(yīng)式的數(shù)據(jù)，當(dāng)數(shù)據(jù)發(fā)生變化時(shí)，Vue會(huì)重新渲染視圖從而更新頁(yè)面的顯示。但是當(dāng)我們需要通過(guò)交互方式來(lái)改變模板數(shù)據(jù)時(shí)，Vue并不會(huì)自動(dòng)重新渲染視圖。下面我們來(lái)看看如何通過(guò)點(diǎn)擊事件來(lái)重新渲染Vue視圖。

以上代碼定義了一個(gè)Vue組件，其中包括一個(gè)p標(biāo)簽用來(lái)顯示message的值，以及一個(gè)按鈕用來(lái)觸發(fā)updateMessage方法。updateMessage方法會(huì)將message的值改為'Hello Vue'。

為了實(shí)現(xiàn)點(diǎn)擊按鈕重新渲染Vue視圖，我們給組件增加了另一個(gè)按鈕，當(dāng)點(diǎn)擊該按鈕時(shí)，會(huì)觸發(fā)renderAgain方法。renderAgain方法中調(diào)用了Vue實(shí)例的$forceUpdate()方法，該方法會(huì)強(qiáng)制重新渲染視圖，從而更新顯示。

上面的例子只是一個(gè)簡(jiǎn)單的示例，但是它足以說(shuō)明Vue中如何通過(guò)點(diǎn)擊事件來(lái)重新渲染視圖。在實(shí)際開發(fā)中，我們也可以通過(guò)類似的方式來(lái)實(shí)現(xiàn)點(diǎn)擊事件重新渲染Vue視圖的功能。