Vue.js 将Particles.js导入Vue组件

我正在尝试适应下面示例中的Vue.js组件：

但是，当使用下面的代码时，我在控制台中收到以下错误消息：

[Vue warn]：挂载挂钩中出错：“TypeError:this.particles不是 功能“

我如何在下面的代码中修复它

模板：

脚本：

从“particles.js”导入粒子
导出默认值{
安装的（）{
this.initParticles（）
},
方法：{
初始粒子（）{
粒子（“粒子”{
“粒子”：{
“编号”：{
“价值”：80，
“密度”：{
“启用”：正确，
“价值面积”：700
}
},
“颜色”：{
“值”：“#ffffff”
},
“形状”：{
“类型”：“圆圈”，
“笔划”：{
“宽度”：0，
“颜色”：“000000”
},
“多边形”：{
“nb_边”：5
},
},
“不透明度”：{
“值”：0.5，
“随机”：假，
“动画”：{
“enable”：false，
“速度”：1，
“不透明度最小值”：0.1，
“同步”：错误
}
},
“尺寸”：{
“价值”：3，
“随机”：对，
“动画”：{
“enable”：false，
“速度”：40，
“最小尺寸”：0.1，
“同步”：错误
}
},
“行链接”：{
“启用”：正确，
“距离”：150，
“颜色”：“ffffff”，
“不透明度”：0.4，
“宽度”：1
},
“移动”：{
“启用”：正确，
“速度”：6，
“方向”：“无”，
“随机”：假，
“直”：假，
“输出模式”：“输出”，
“反弹”：错误，
“吸引”：{
“enable”：false，
“rotateX”：600，
“rotateY”：1200
}
}
},
“互动性”：{
“在画布上检测”：“画布”，
“事件”：{
“悬停”：{
“启用”：正确，
“模式”：“抓取”
},
“onclick”：{
“启用”：正确，
“模式”：“推送”
},
“调整大小”：true
},
“模式”：{
“抓取”：{
“距离”：140，
“行链接”：{
“不透明度”：1
}
},
“泡沫”：{
“距离”：400，
“尺寸”：40，
“期限”：2，
“不透明度”：8，
“速度”：3
},
“拒绝”：{
“距离”：200，
“持续时间”：0.4
},
“推送”：{
“粒子”：4
},
“删除”：{
“粒子”：2
}
}
},
“视网膜检测”：正确
})
}
}
}

CSS:

#粒子js{
位置：绝对位置；
宽度：100%；
身高：100%；
背景#00356B；
}

不导出任何内容，而是导出它

要使用此包，只需在脚本中导入它，然后调用

particlesJS（）

：

导入“particles.js”
导出默认值{
// ...
方法：{
初始粒子（）{
particlesJS（'particles-js'，{/*…*/}）
}
}
}

---

也许是

粒子（…）

而不是

这个。粒子（…）

。然后，我得到了这个错误：

[Vue warn]：挂载钩子中的错误：“TypeError:u网页包u导入的模块u 0_u粒子js_uu默认（…）不是一个函数”

你试过了吗：是的，我试过了，效果很好。