Javascript Can'；t使用CDN使vue滑溜转盘工作

我尝试在一个非常小的应用程序中使用CDN脚本：

没有成功

我是vue.js的新手，我不确定是否需要导入它或其他东西。 文档上说我必须导入它：

应该是这样，但我不能让它工作：

  import VueSlickCarousel from 'vue-slick-carousel'
  // optional style for arrows & dots
  import 'vue-slick-carousel/dist/vue-slick-carousel-theme.css'

  export default {
    name: 'MyComponent',
    components: { VueSlickCarousel },
  }

测试就在这里

---

我遗漏了什么吗？

您不能以您所做的方式从CDN脚本“导入”。可以访问窗口变量并将其分配给组件。通过使用CDN，它将绑定到窗口

因此

组件：{VueSlickCarousel:window['vue-slick-carousel']}

如果不使用

从'vue-slick carousel'导入VueSlickCarousel

就可以解决这部分问题

问题是，示例中引用的代码用于打包安装，而不是CDN。如果您可以通过

npm install vue slick carousel

或

warn add vue slick carousel

进行安装，则这些问题将自行解决

编辑：如评论中所述，该组件在HTML中应该是烤羊肉串大小写<代码>而不是

这与Vue文档中提供的样式指南一致

在大多数项目中，在单文件组件和字符串模板中，组件名称应始终为PascalCase，但在DOM模板中应为kebab大小写

很抱歉，codepen的链接不正确，代码在这里：它无法像您所说的那样添加代码，或者可能我做错了什么，因为我是vue的新手；）没问题，我没有提到组件的实现是烤羊肉串。因此，如果您将
html更改为
，它将按预期工作。为了清晰起见，这里有一个代码笔：好吧，它可以工作，但设置不起作用，“slidesToShow”不起作用（或任何其他：