在前端開發中，我們常常會遇到需要給標簽添加點擊事件并且在點擊時賦值的需求。Vue.js作為流行的前端框架之一，提供了便捷的解決方案來實現這一功能。

首先，我們需要使用Vue.js的v-bind指令來定義組件的數據綁定。這個指令可以將組件的屬性綁定到Vue實例中的任何變量上。接下來，我們可以使用v-on指令來綁定組件的點擊事件，該事件會觸發Vue實例中的一個方法。

<div id="app">
<p v-bind:class="{'selected': clicked}" v-on:click="select">點擊我賦值</p>
</div>
<script>
new Vue({
el: '#app',
data: {
clicked: false
},
methods: {
select: function() {
this.clicked = true;
}
}
});
</script>

在上述代碼中，我們定義了一個div容器，并給其中的p標簽添加了v-bind和v-on指令。v-bind:class用來讓Vue實例中的clicked變量決定該p標簽是否應用了CSS樣式中的selected類名。接下來我們使用v-on:click指令將點擊事件跟select方法進行了綁定。在Vue實例中，我們定義了一個clicked變量來控制是否應用selected類名，并設置了一個select方法，當p標簽被點擊時該方法會將clicked變量設置為true。

另一種實現方法是使用Vue.js提供的 @click 和 :class 指令。@click 用來縮寫 v-on:click，:class 用來縮寫 v-bind:class。代碼如下：

<div id="app">
<p :class="{'selected': clicked}" @click="select">點擊我賦值</p>
</div>
<script>
new Vue({
el: '#app',
data: {
clicked: false
},
methods: {
select: function() {
this.clicked = true;
}
}
});
</script>

這樣，我們就可以方便地在Vue.js代碼中實現點擊賦值的功能了。除了這種簡單的實現方式之外，Vue.js還提供了更多豐富的指令和方法，可以幫助我們更加便捷地進行前端開發。