下拉刷新是在移動端應用里經常用到的一種功能，用戶向下拉動頁面時，頁面會刷新數據并且顯示最新的內容。在Vue中，下拉刷新可以通過使用第三方庫vue-pull-to來實現。下面是一個示例代碼，它展示了如何使用vue-pull-to來實現下拉刷新。

<template>
<div v-pull-to="refresh" :distance="100">
<ul>
<li v-for="item in items">{{item}}</li>
</ul>
</div>
</template>
<script>
vuex: {
actions: {
getList: function ({dispatch}, idx) {
dispatch('FETCH', idx)
}
}
},
methods: {
refresh: function () {
this.$store.dispatch('getList', this.idx).then(() =>{
this.$refs.scroll.finishPullToRefresh()
})
},
}
</script>

首先，我們需要在Vue的根組件中引入vue-pull-to庫。可以采用以下方式安裝vue-pull-to:

npm install vue-pull-to --save

安裝完成后，在需要使用下拉刷新功能的子組件中，可以使用以下代碼：

<div v-pull-to="refresh" :distance="100">
<!-- ... Content goes here ... -->
</div>

這段代碼的意思是，將下拉刷新功能綁定到了子組件的div標簽上，并在distance屬性中指定了下拉刷新的距離為100px，當下拉距離到達100px時便會觸發refresh方法。

此時，我們還需要在當前組件的methods中提供一個refresh方法，用來處理數據的加載。在這個方法中，我們可以調用Vuex store中的某個actions，然后在獲取數據后立即調用vue-pull-to實例中的finishPullToRefresh方法，用來停止下拉刷新效果。

這樣，我們就可以在Vue中輕松地實現下拉刷新效果了。Vue-pull-to庫也提供了大量的配置選項，比如可以設置刷新時的文字顯示內容，可以自定義下拉刷新容器的樣式等。我們可以根據具體需求進行配置。