本文主要介紹Vue框架中的點擊切換img功能。在Vue框架中，我們可以輕松地實現點擊切換img的功能。具體實現方法如下：

HTML代碼：
JavaScript代碼：
new Vue({
el: '#app',
data: {
imgUrl: 'https://example.com/img1.jpg',
imgIndex: 1
},
methods: {
changeImg: function(){
if(this.imgIndex == 1){
this.imgUrl = 'https://example.com/img2.jpg';
this.imgIndex = 2;
}else{
this.imgUrl = 'https://example.com/img1.jpg';
this.imgIndex = 1;
}
}
}
});

首先，在HTML代碼中，我們定義了一個img標簽，并綁定了src屬性和click事件。src屬性的值為data中的imgUrl屬性，也就是默認顯示的圖片。click事件綁定的方法為changeImg。

接下來，在JavaScript代碼中，我們定義了一個Vue實例，并在data中定義了兩個屬性，imgUrl表示默認顯示的圖片，imgIndex表示當前顯示的圖片編號。在methods中定義了changeImg方法，該方法用于改變imgUrl屬性的值，并根據imgIndex屬性的值來切換圖片。如果imgIndex的值為1，則切換成第二張圖片，imgIndex的值為2；如果imgIndex的值為2，則切換成第一張圖片，imgIndex的值為1。

這樣，點擊圖片時就可以通過changeImg方法來輕松地實現圖片的切換。通過以上代碼，我們可以看出，Vue框架具有非常方便的數據綁定和事件綁定功能，使得我們可以輕松地實現復雜的交互操作。而點擊切換img只是其中的一個簡單示例。

總之，Vue框架是一款非常優秀的前端開發框架，具有豐富的功能和靈活的編程方式。掌握Vue框架可以讓我們更加高效地開發前端應用，并實現更加復雜和豐富的交互效果。