material-components-web for vue js

我有一个基于Vue框架和webpack的网站。

我遇到了这个由 Google (Material Components Web) 开发的 css 框架，您可以在其中直接开始使用 cdn或者一个 npm 包。对于基于 html/javascript 的简单网站来说，它的效果非常好。但是，我在为 Vue 项目设置它时遇到问题。

还有其他可用于 Vue 框架的包装器，例如 Veutify 和 Vue Material。但是，它带有很多额外的东西，比如我不希望开发人员遵循的网格布局，因为我们已经在使用 flex 布局。我只想要组件库

那么，有没有办法将 Material Components Web 与 Vue 框架一起使用？

我没有得到 Material Components Web 使用 Vue 框架。但我确实找到了另一个轻量级 material 设计框架，即 Material Design Lite.

注意：它不特定于任何框架。它可以让您向使用任何框架开发的网站添加 Material 设计外观

您可以轻松地开始使用各种选项，例如 cdn、bower、npm 甚至通过下载文件。

Material 组件 Web 具有模块化架构。每个组件或 API 作为 separate package 分发。这意味着您可以单独使用它们，尽管存在一些依赖关系。

还有“根”包 - material-components-web，它仅引用所有其他包。

默认情况下，当您添加包时，它不会包含在您的应用中。您需要导入组件的 SCSS 和可选的 JavaScript。基本上就像你会使用任何其他组件一样。

引用此 Vue app template as an example. As you can see here，它仅引用 MDC components/APIs 的子集。

vue.js