JavaScript实现边框选中效果

效果图：

完整代码：

我们使用了Vue.js的@click指令来监听div元素的点击事件，并绑定了toggleBorder方法。当用户点击div时，toggleBorder方法会被调用。

在toggleBorder方法中，我们使用了一个布尔变量hasBorder来跟踪div是否具有边框。每次点击时，我们通过取反操作来切换hasBorder的值。如果hasBorder为true，则设置边框样式为2px solid red；如果为false，则将边框样式设置为空字符串，从而去除边框。

同时，在div元素的样式中，我们使用了:style="{ border: borderStyle }"来动态设置边框样式。borderStyle的值会根据hasBorder的状态而变化，从而实现点击时出现边框，再点击时消失的效果。