Vue简单实现推箱子小游戏

今天周末，打工人不用上班，有个朋友给我发了一个面试题给我，就一个类似推箱子的小游戏

一看，好像也不怎么难，因为平时开发都是用Vue框架，比较熟悉，就琢磨做了一下花了一个小时就完成了

给你们说说思路：其实就是每个小箱子都有它的位置信息，外面大的那个就相当于容器，利用定位去改变每一个箱子的位子就可完成箱子的推动，然后就是判断一下箱子的边界问题以及拖动的方向，这个不难，还有一个就是，你的移动方向的下一个位置是不是有箱子了，有了就不能移动，这个前面已经指导了移动方向，那么移动下一个的箱子的坐标肯定是知道的，在全部箱子里面判断一个有没有不就知道推动方向的箱子有没有箱子占用了，是不是思路很简单。如果需要代码可以联系留言，加上页面全部代码不用100行就可以实现。