網(wǎng)站中經(jīng)常需要點擊選中的功能，比如商品列表中的多選框，或者單選按鈕。Vue 提供了非常方便的實現(xiàn)方式，可以使用 v-bind 綁定一個布爾值，并在點擊事件中改變該值。

// HTML代碼
{{ item.text }}
// Vue代碼
new Vue({
el: '#app',
data: {
items: [
{ id: 1, text: 'item1', checked: false },
{ id: 2, text: 'item2', checked: true },
{ id: 3, text: 'item3', checked: false }
]
},
methods: {
toggleItem: function(item) {
item.checked = !item.checked;
}
}
})

上述代碼示例中，使用 v-bind 綁定一個布爾類型的 item.checked，在每個列表項中渲染出一個復(fù)選框。在點擊事件中，使用 v-on 綁定 toggleItem 方法，對 item.checked 的值進行取反操作，以實現(xiàn)選中與取消選中效果。

除了復(fù)選框外，單選按鈕同樣可以使用類似的方式實現(xiàn)。在 Vue 中，通過綁定同一個 v-model 即可讓多個單選按鈕實現(xiàn)互斥效果。

// HTML代碼
{{ item.text }}
// Vue代碼
new Vue({
el: '#app',
data: {
items: [
{ id: 1, text: 'item1' },
{ id: 2, text: 'item2' },
{ id: 3, text: 'item3' }
],
selected: 1
}
})

上述代碼示例中，使用 v-for 渲染出多個單選按鈕，并綁定同一個 v-model，可以發(fā)現(xiàn)只有其中一個按鈕被選中的時候，其他按鈕就會自動取消選中狀態(tài)。在 Vue 內(nèi)部，v-model 綁定了一個 computed 屬性，使得選中狀態(tài)能夠自動更新。

總之，Vue 提供了非常方便的實現(xiàn)方式，可以輕松實現(xiàn)各種點擊選中狀態(tài)的功能。