Javascript VueJS：如何设置输入的模型而不使其位于输入上

我希望一个输入在视图端的元素上没有值，但在下面我希望它有一个默认值，下面是一些片段来解释我的观点：

          <input
            class="form-control"
            v-model="amount"
            type="number"
            step=".01"
            min="0"
            required>
          </input>

---

我希望数量默认为0，但不在输入上呈现0，这在vuejs中可能吗？如果

输入[type=“number”]=''

，则属性值为0而不是“”。

您可以绑定模型值

var myObject=new Vue({
el:“#应用程序”，
数据：{
金额：0
}
})

---

您可以将计算属性与getter和setter一起使用。如果值为零，则getter可以返回空字符串

newvue({
el:'主要'，
数据：{
金额：0
},
计算：{
格式化金额：{
得到（）{
退回这个。金额| |“”
},
设置（值）{
this.amount=parseFloat（值）| 0
}
}
}
})

金额={{amount}

您好，谢谢您的回答，但我的问题意味着我有

this.amount=0

但没有在数字框上显示0，而是显示为空数字框。这可能吗？啊。。我的意思是，在“用户透视图”上，当他查看输入时，它是空的。。但在下面，它的值为0。希望这更清楚