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

Question

littlefoot js 是一个"花哨"的脚注替换插件。在文档中，它的作者说这是它可以与盖茨比一起使用的方式：

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>

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

Answer 1

我总是做以下任一操作：

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

在厘米/终端中

npm install --save littlefoot 

万一你忘记了

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

2：在/plugins/目录中创建一个插件

创建文件~/plugins/littlefoot.js

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

Vue.use(小脚(