本节,我们开始进行两张扑克牌对战时的情景设计,当用户从底部选中一张扑克牌后,系统需要产生一张对手扑克牌,这样两张牌才能相互较量,接下来我们先实现如何引入敌对扑克牌。
在gamescenecomponent.vue中,我们先添加敌对扑克牌的定义,在标签template中,添加如下代码:
back
接着在script标签中添加相关变量的定义,以及控制敌对扑克牌的逻辑代码,首先添加几个变量定义: