如何将 littlefoot.js 与 Vue.js (Nuxt.js) 集成？

Question

littlefoot js 是一个“花哨的”脚注替换插件。 在文档中，它的作者说它可以与 Gatsby 一起使用：

import littlefoot from 'littlefoot'
import 'littlefoot/dist/littlefoot.css'

export function onRouteUpdate() {
  littlefoot() // Pass any littlefoot settings here.
}

我试图用 Nuxt.js 应用程序做同样的事情，但没有成功。 据我所知，这是在单个组件中执行此操作的一种可能方法：

<script>
import littlefoot from 'littlefoot'

// ...

export default {
  // ...
  mounted() {
    littlefoot()
  }
}

</script>

但这不起作用，web 页面只是拒绝加载（无限加载）而没有任何错误消息。

Answer 1

我总是执行以下任一操作：

1：在nuxt.config.js中导入模块

在 cmd/终端

npm install --save littlefoot 

万一你忘记了

// nuxt.config.js
.
.
modules: [
  'littlefoot'
],
.
.

2 ：在/plugins/目录下创建插件

创建一个文件~/plugins/littlefoot.js

import Vue from 'vue'
import littlefoot from 'littlefoot'

Vue.use（小脚）