Vue(3)-关于文本框数据框默认值效果（v-bind），数据类型注意

序

直接看代码，v-bind的使用，数据类型的转换

示例代码

点击查看代码

score1:




score2:




score3:




score4:




score5:




总分:{{sumScore}}




平均分数:{{avgScore}}

界面效果

知识点

1. v-bind属性绑定 在本次代码中的 ：value可以看出他可以直接缩写为 ：属性
2. v-model.number 数据类型定义为数字，弱类型真不好用