treewidget怎么设置某一个item拖动的_教你用Vue写一个开心消消乐

之前做过一个算法题，算法要求就是写一个开心消消乐的逻辑算法，当时也是考虑了一段时间才做出来。后来想了想，既然核心算法都有了，能不能实现一个开心消消乐的小游戏呢，于是花了两天时间做了一个小游戏出来。

效果展示

先在这里放一个最终实现的效果，还是一个比较初级的版本，大家有什么想法欢迎评论哦

戏规则：

1. 初始时会给玩家十分的初始分，每拖动一次就减一分，每消除一个方块就加一分，直到最后分数为0游戏结束

2. 任意两个方块都可以拖动

界面设计

页面的布局比较简单，格子的数据是一个二维数组的形式，说到这里大家应该已经明白界面是怎么做的了。

v-for="(item, index) in squareData" :key="index" class="row">

v-for="(_item, _index) in item" :key="_index" class="square" :class="_item" @mousedown="dragStart(index, _index)" @mouseup="dragEnd"> {{_item}}

Copy