vue2.0移动端触摸反馈指令

可以使用vue-touch库来实现移动端触摸反馈。首先需要安装vue-touch：

npm install vue-touch@next

然后在main.js中引入并使用vue-touch：

import Vue from 'vue'
import VueTouch from 'vue-touch'

Vue.use(VueTouch, {name: 'v-touch'})

new Vue({
  // ...
})

接下来，在需要添加触摸反馈的元素上使用v-touch指令即可：

<template>
  <div v-touch @tap="handleTap">点击我</div>
</template>

<script>
export default {
  methods: {
    handleTap() {
      console.log('tapped')
    }
  }
}
</script>

v-touch指令支持以下事件监听：

- tap：点击
- swipe：滑动
- swipeleft：向左滑动
- swiperight：向右滑动
- swipeup：向上滑动
- swipedown：向下滑动

你可以在指令后面加上修饰符来更改触发事件的类型，例如：

<template>
  <div v-touch.swipeleft="handleSwipeLeft">向左滑动我</div>
</template>

<script>
export default {
  methods: {
    handleSwipeLeft() {
      console.log('swiped left')
    }
  }
}
</script>