可以使用Math.random()方法生成一个0到1之间的随机数，然后将其乘以10000，再使用Math.floor()方法向下取整，即可得到一个4位随机数。 具体代码如下： ``` <template> <div> <p>随机流水号：{{ serialNumber }}</p> </div> </template> <script> export default { data() { return { serialNumber: '' } }, mounted() { this.generateSerialNumber() }, methods: { generateSerialNumber() { const randomNum = Math.floor(Math.random() * 10000) this.serialNumber = `SN${randomNum.toString().padStart(4, '0')}` } } } </script> ``` 在mounted钩子函数中调用generateSerialNumber方法，该方法生成一个4位随机数，并使用padStart()方法在前面补0，最后将其赋值给serialNumber变量。在模板中显示serialNumber即可。