如何定义'；swiper'；javascript中的对象？

我试图在我的HTML页面上显示一个水平时间线。我在网上找到了这个模板，可以滚动时间轴。但是，当我尝试打开页面时，我在控制台中收到以下错误“ReferenceError:Swiper not defined”，并且无法滚动时间线。我该如何解决这个问题？下面是我的代码

常数数据=[{
日期标签：“2017年1月”，
标题：“收集信息”
},
{
日期标签：“2017年2月”，
标题：“规划”
},
{
日期标签：“2017年3月”，
标题：“设计”
},
{
日期标签：“2017年4月”，
标题：“内容编写和汇编”
},
{
日期标签：“2017年5月”，
标题：“编码”
},
{
日期标签：“2017年6月”，
标题：“测试、审查和发布”
},
{
日期标签：“2017年7月”，
标题：“维护”
}
];
新Vue({
el:“#应用程序”，
数据：{
步骤：数据，
},
安装的（）{
var swiper=新的swiper（“.swiper容器”{
幻灯片视图：4，
paginationClickable:true，
格雷博：是的，
paginationClickable:true，
下一个按钮：“.下一张幻灯片”，
prev按钮：“.prev幻灯片”，
});
}
})

这里的错误

“ReferenceError:[在此处插入任何内容]未定义”

意味着您试图引用的内容尚未定义，浏览器引擎无法将其识别为本机对象

Swiper不是Chrome或Firefox与生俱来的东西

尝试删除页面顶部的VueJS CDN链接，您将得到与vue相同的错误，因此

像使用Vue一样包括Swiper库

---

如果您好奇

谢谢！它起作用了，我可以滚动时间线。但现在，我的“下一个”和“上一个”按钮不起作用，即使没有显示错误，是否还有另一个按钮库？不同的问题不同的问题