canvas如何与vue数据动态绑定

Question

新手，各位大佬多多包涵

Vue
<btn @click="width++">

data() {
  width: 1
}

canvas

ctx.beginPath()
lineWidth = this.width

width的值动态改变，canvas的lineWidth也会相应改变
我试了好像不行，刚接触canvas，不是很了解，请教各位大佬，如何做到这一点

Answer 1

每次点击执行一次绘画过程 如果需要反向绘画可以clear重绘