vue使用canvas画图画不出来

使用vue做一个手势密码，相当于手机图案解锁
canvas要占全屏所以获取宽高赋值
使用canvas画图，绘制图案
代码

<template>
	<div id="handlogin">
		<canvas id="theone" ref="one" :width="wid" :height="hei" @mousedown="draw"></canvas>
		<canvas id="thetwo" ref="two" :width="wid" :height="hei"></canvas>
	</div>
</template>

data() {
   
			return {
   
				wid: null,
				hei: null,
				theone: null,
				thetwo: null,<