可以使用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即可。