vue2+canvas 怎么实现围棋棋盘和落子

围棋棋盘的绘制可以使用 canvas 的绘图方法来实现。具体步骤如下：

1. 创建一个 canvas 元素，设置其宽高，将其添加到页面中。
2. 获取 canvas 的 2D 上下文对象，通过该对象进行绘图操作。
3. 绘制棋盘的线条，可以使用 `strokeRect()` 方法绘制棋盘的边框，使用 `moveTo()` 和 `lineTo()` 方法绘制棋盘的横竖线条。
4. 绘制棋盘的星位，可以使用 `fillArc()` 方法绘制棋盘上的五个交叉点。

落子的实现需要在 canvas 上监听鼠标事件，具体步骤如下：

1. 监听鼠标点击事件，当点击 canvas 区域时，获取鼠标点击的坐标。
2. 根据点击的坐标计算出落子的位置，确定落子的行列坐标。
3. 绘制落子的圆形或方形，可以使用 `fillArc()` 或 `fillRect()` 方法绘制。
4. 实现棋子的交替下落，可以使用一个变量或数组来存储当前是黑子还是白子，每次下落时切换该变量的值。