vue3加canvas实现天降字母小游戏,每学习一部分知识就要有所输出,虽然挺简单的,还是用了不少时间,毕竟不太熟练
感觉vue3和js写起来更接近,vue3可以改变数据来修改ui,不用直接操作dom
vue3和vue2不同更轻,所以要用勾子函数和一些监视函数,都要先引入,按需引入使vue3更轻吧。
vue2都是把要响应的数据放在data函数里,vue3可以在setup函数里,声明对象名=reactive里包成一对象,直接用...toRefs(对象名),就可以直接用属性名放在ui里使用,要在setup函数里使用就使用对象名.属性名进行增删改查
- 先引入需要的函数方法
-
import {onMounted, reactive,watch, toRefs} from 'vue'
- 在setup函数里声明需要的数据
-
let p = reactive({ //下落的随机字母 ABC: "abcdefghijklnmopqrstuvwxyz".toUppe