vue实现点击图片加边框

可以通过给图片添加一个类来实现点击图片加边框的效果。具体步骤如下：

1. 给图片绑定一个点击事件，可以使用 `@click` 或者 `v-on:click`。

2. 在点击事件中修改图片的类，可以使用 `$event.target` 获取当前点击的图片元素，然后再使用 `classList.toggle` 来切换类。

3. 在 CSS 样式中定义一个类来实现边框效果，可以使用 `border` 属性。

示例代码：

<template>
  <div>
    <img src="https://picsum.photos/200/300" @click="toggleBorder">
  </div>
</template>

<style>
.border {
  border: 2px solid red;
}
</style>

<script>
export default {
  methods: {
    toggleBorder(event) {
      event.target.classList.toggle('border');
    }
  }
}
</script>

这样点击图片时，就可以添加或者移除 `border` 类，从而实现边框效果。