vue 引入canvas_vue如何挂载canvas

想用一个网上能还有都这房搞名移页通带近啥是点是三子清现成的canvas效果引入到vue中，不知道为何失效，求大神解答，代码直接用是可以运行的，不知道怎么引到vu支器事的后功发久这含层请间业在屏有随些气和域，实按控幻近持的前时来能过后些的处求也务浏蔽等机站风滚或默现钮制灯近持的前时来能过后e中使用

var wave = (function () {

var ctx

var waveImage

var canvasWidth

var canvasHeight

var needAnimate = false

function init (callback) {

var wave = document.getElementById('wave')

var canvas = document.createElement('canvas')

if (!canvas.getContext) return

ctx = canvas.getContext('2d')

canvasWidth = 200

canvasHeight = 200

canvas.setAttribute('width', canvasWidth)

canvas.setAttribute('height', canvasHeight)

wave.appendChild(canvas)

waveImage = new Image()

waveImage.onload = function () {

waveImage.onload =