新建组件 Canvas.vue 。 // @/components/Canvas.vue <template> <div :style="{ height: waveAllHeight + 'px', background: bgColor }" class="wave"> <canvas id="wave1"></canvas> <canvas id="wave2"></canvas> <canvas id="wave3"></canvas> </div> </template> <script> export default { name: "Canvas", props: { bgColor: { default: "none", }, // 背景色 waveAllHeight: { default: 160 }, // 波浪的整体高度 waveCount: { default: 2 }, // 波峰个数 waveHeight: { default: 50 }, // 波浪起伏高度 //