vue中数据渲染不出来?

<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>
阅读 5k
4 个回答

有没有报错什么的?看下控制台,写的应该没错

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题