<v-btn @click="show = !show" icon>
    <v-icon>{{ !show ? 'mdi-eye' : 'mdi-close' }}</v-icon>
</v-btn>

添加到组件

{
    data(){ 
        return {
            show:false
        }
    }
}

嗨恩佐和祝贺开始您的VueJS项目。
I would recommend you looking at VueJS documentation about Data and Methods, to give you some start. https://v2.vuejs.org/v2/guide/instance.html#Data-and-Methods
简而言之，数据是保存React性属性的地方，方法是存储功能的地方。
现在图标的名字是硬编码的，你要做的是使它具有React性。。
1.您需要将图标的名称绑定到数据中的属性。
1.定义更改该属性值的方法。
1.创建一个on-click事件来调用函数。
大概是这样的

new Vue({
  el: '#app',
  data() {
    return {
      myIcon: 'star_border'
    }
  },
  methods: {
    changeIcon() {
      this.myIcon = 'home'
    }
  }
})

这里我定义了一个名为myIcon的属性，它最初是"star-border"。我还创建了一个方法，它在这个按钮的单击事件中被调用。这个方法将myIcon属性的值更改为"home"。
您可以在这里看到一个工作演示：https://codepen.io/bergur/pen/MLMxzY