第 13 课2026.09.16
让时长输入直接同步为数值。
第 13 课：v-model.number转换数值
- 日期：2026-09-16
- 课程序号：第 13 课
- 知识点：v-model.number转换数值
用途
让时长输入直接同步为数值。
核心概念
v-model.number 使用 parseFloat 转换输入；无法解析时保留原字符串。
最小代码或操作示例
text
<script setup>
import { ref } from "vue"
const minutes = ref(5)
</script>
<template><input v-model.number="minutes" type="number"></template>3～5 分钟练习
显示 minutes 的两倍。
参考答案
<p>{{ minutes * 2 }}</p>
与上一课的联系
继承上一课的 trim 修饰符；本课只增加 number 转换；下一课可校验数值范围。
时效校验
时效校验：2026-09-16（Vue 3 当前官方指南）。已打开并核对下列官方资料；未发现本课主方案存在废弃标记。