如何使用 Vue.js 和语义 UI？

Question

我喜欢 Vue.js，并希望将其整合到语义 UI 中。我对这一切都很陌生，所以这可能无法正确显示。我已经在很多地方查看了如何将两者放在一起，like here，它变得非常压倒性。

然后我想为什么我不能只安装 Semantic UI 并链接到 vuejs CDN 以便我可以使用它。这是整合两者的合法方式吗？我也可以反过来安装 vue-cli 并链接到语义 CDN 吗？

我觉得我在这里遗漏了一些东西，但是在 webpack 中使用这两个并确保依赖项已设置并正常工作对我来说太大了。

我喜欢Vuetify.js 和Element 的想法，但我不喜欢这些集成很快就会被搁置并被“卡住”并不得不在不久的将来学习其他东西的可能性。

Answer 1

归根结底，这些只是 javascript 和 css 文件。将它们包含到您的 html 中并开始编码。您提到的这些复杂的构建过程适用于需要 webpack 开销的大型应用程序。

我从未使用过 Semantic，但它看起来只是一个小部件库，而 Vue 是一个视图框架。无需特殊设置即可使这 2 个相互配合，只需开始将语义元素添加到您的 Vue 模板中即可。