nuxt 如何使用vue-scrollto

要在 Nuxt.js 中使用 vue-scrollto，您需要按照以下步骤进行设置：

1. 安装 `vue-scrollto` 和 `@nuxtjs/axios`：

npm install --save vue-scrollto @nuxtjs/axios

2. 在 `nuxt.config.js` 中添加以下内容：

export default {
  // ...
  plugins: [
    { src: '~/plugins/vue-scrollto.js', ssr: false }
  ],
  // ...
}

3. 在 `plugins` 目录下创建 `vue-scrollto.js`：

import Vue from 'vue'
import VueScrollTo from 'vue-scrollto'

Vue.use(VueScrollTo)

4. 在您的组件中使用 `vue-scrollto`：

<template>
  <div>
    <button @click="scrollToTop">回到顶部</button>
  </div>
</template>

<script>
export default {
  methods: {
    scrollToTop() {
      this.$scrollTo('#top')
    }
  }
}
</script>

这里的 `#top` 是你想要滚动到的元素的 ID。您还可以使用其他选项，例如 `duration`（动画持续时间）和 `offset`（偏移量）。更多信息请参考 `vue-scrollto` 的文档。