vue中数据渲染不出来？

Question

<div class="layout-right-top">
    <h3>输入数据维度：{{message}}</h3>
    <h3 style="margin-top: 20px;">输出数据维度：23</h3>
</div>

#其中data中有数据
data:function (){
    return{
        message:'hello'
    }
}

但是这样子渲染不出来message，是空的？
但是如果改成input框，使用v-model绑定又可以渲染出来？什么原因？

<div class="layout-right-top">
    <input v-model="message">输入数据维度：{{message}}</input>
    <h3 style="margin-top: 20px;">输出数据维度：23</h3>
</div>

Answer 1

有没有报错什么的？看下控制台，写的应该没错

Answer 2

建议你去看看vue基本教程，vue的表单绑定是需要v-model指令的。

Answer 3

data 函数return后面怎么有个冒号~~

Answer 4

楼上眼睛尖。 建议使用vscode或者有类似代码错误的IDE，这样的错误出现的话 编辑器会爆红色错误提示.