生成使用vue框架打印快递单的代码

很高兴为您解答问题。以下是使用 Vue 框架打印快递单的代码示例：

<template>
  <div class="print">
    <h1>快递单</h1>
    <p>收件人：{{ receiver }}</p>
    <p>发件人：{{ sender }}</p>
    <p>快递公司：{{ company }}</p>
    <p>快递单号：{{ number }}</p>
  </div>
</template>

<script>
export default {
  name: 'Print',
  props: {
    receiver: {
      type: String,
      required: true
    },
    sender: {
      type: String,
      required: true
    },
    company: {
      type: String,
      required: true
    },
    number: {
      type: String,
      required: true
    }
  }
}
</script>

<style>
.print {
  margin: auto;
  width: 80%;
  text-align: center;
  border: 1px solid #ccc;
  padding: 20px;
}
h1 {
  font-size: 24px;
  font-weight: bold;
}
p {
  font-size: 18px;
}
</style>

以上代码定义了一个名为 "Print" 的组件，通过向组件传递收件人、发件人、快递公司和快递单号等参数来生成快递单。使用 Vue 框架的好处是能够轻松管理状态并构建可重用的组件。