在Web開發中，按鈕是常見的元素之一。而Vue作為一個漸進式JavaScript框架，提供了豐富的指令和特性，其中就包括按鈕觸摸效果，為用戶提供更加友好的體驗。

首先，我們需要引入Vue.js和相關的樣式表。可以使用CDN引入，也可以下載到本地引入。

<!-- 引入Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 引入相關樣式表 -->
<link rel="stylesheet" >
<link rel="stylesheet" >

在Vue中，我們可以使用element UI庫提供的按鈕組件來實現按鈕觸摸效果。只需要添加v-touch指令即可。在觸摸時，會添加一個is-pressed的class，用于樣式修改。當然，在不同的場景下，可以根據需求自定義class名。

<!-- Vue模板 -->
<template>
<div class="button-wrap">
<el-button v-touch class="my-button">按鈕</el-button>
</div>
</template>
<!-- Vue實例 -->
<script>
new Vue({
el: '#app',
})
</script>

上述代碼中，我們使用了element UI提供的按鈕組件，在按鈕上添加了v-touch指令，按鈕的class名為my-button。如果需要自定義樣式，只需要在樣式表中添加相應的CSS即可。

在Vue中，不僅僅是按鈕，其他的元素如文本框、列表等也可以添加觸摸效果，只需要使用v-touch指令即可。而此外，Vue還提供了更加靈活的自定義指令的功能，可以根據需求編寫自己的指令。

總之，Vue提供了方便易用的按鈕觸摸效果指令，可以優化用戶交互體驗，同時也提高了Web應用的設計效果。