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。