當我們開發Web應用時，使用Vue.js框架可以大大提高我們的開發效率。在Vue.js中，我們可以使用v-bind綁定數據和屬性，使用v-on綁定事件。其中，使用v-on可以輕松實現點擊展開收縮的功能。

首先，在Vue.js中，我們可以使用v-on綁定一個點擊事件。比如，在一個按鈕上，我們可以這樣寫：

展開/收縮

上述代碼中，我們使用了v-on:click指令來綁定一個點擊事件。當用戶點擊按鈕時，Vue.js就會調用toggleContent方法。

接下來，我們需要在Vue.js的實例中定義toggleContent方法。在該方法中，我們需要將展開狀態的變量進行取反。比如，我們可以這樣定義一個Vue.js實例：

var app = new Vue({
el: '#app',
data: {
isExpanded: false,
content: '這是要展開/收縮的內容'
},
methods: {
toggleContent: function () {
this.isExpanded = !this.isExpanded
}
}
})

在上面的代碼中，我們定義了一個isExpanded變量，它的初始值為false。還定義了一個toggleContent方法，當用戶點擊按鈕時，isExpanded變量的值會取反。

接下來，我們需要在頁面上根據isExpanded變量的值來確定要顯示的內容。這里我們可以使用v-if指令來判斷isExpanded變量的值。比如，我們可以這樣寫：

展開/收縮
{{ content }}

在上面的代碼中，我們使用v-if指令來判斷isExpanded變量的值。當isExpanded的值為true時，會顯示content變量的值。

至此，我們已完成了Vue.js中點擊展開收縮的功能。當用戶點擊按鈕時，Vue.js會調用toggleContent方法，該方法會將isExpanded變量的取反，從而根據v-if指令的值來決定要顯示的內容。