How to dynamically bind canvas to vue data

novice, bosses, forgive me a lot

Vue
<btn @click="widthPP">

data() {
  width: 1
}

canvas

ctx.beginPath()
lineWidth = this.width

the value of width changes dynamically, and so does the lineWidth of canvas.
I"ve tried. I don"t seem to know much about canvas,. I"d like to ask you how to do this

.

perform the painting process once per click. If you need to reverse painting, you can clear redraw

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e48eeb-44cf2.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e48eeb-44cf2.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?