VUE數據顯示的方法有三種，雙花括號{{}}、v-model和v-html，這三種數據都有各自的應用場景，我會分別舉例。

第一種雙花括號，html部分的代碼爲：

js部分的代碼爲：

顯示的效果爲：

這種方法適合於一般數據的顯示，第二種方法v-model，html部分代碼爲

js部分代碼不變，最後的顯示效果爲

v-model適合表單輸入框數據的顯示，有時候data數據爲一段html代碼，這個時候要使用v-html，html部分代碼爲：

js部分和最終顯示效果爲：

html部分的div標籤也可以換作span標籤，區別在於div爲塊級標籤，span爲行內標籤。此外，這三種數據顯示方法內部都支持原生js代碼，比如這樣

reverse()是反轉的意思，效果是這樣的

又比如讓變量加2，在js中設置num1=2，結果是下面這樣。

在雙花括號內還可以使用三元表達式，比如比較兩個數的大小。

效果爲：

“num2>num1?num2:num1”這就是一個三元表達式，當num2>num1時輸出num2，否則輸出num1。