0

我正在构建我的第一个 vue.js 应用程序,我想在决定设计方法方面获得一些帮助。这个应用程序将嵌入到网站的页面中 - 使用 Drupal 8 构建。应用程序和网站都将使用 bootstrap 4 作为基本框架,我们将使用 sass 来设置样式。

这是一个非常简单的应用程序:一个多步表单,对上述站点进行了一些 ajax 调用。无论如何,它有一些组件 - 每个步骤一个,一些更复杂的输入,一个显示 ajax 调用结果的侧边栏等等。

我需要决定这个应用程序样式的“指南”,我想获得一些帮助\洞察什么解决方案更好。

一方面,我可以将样式放入应用程序本身;另一方面,我可以将所有样式留给网站上的现有样式。

据我所知,第一种方法的好处是使用每个模块的范围,因此具有更好的“模块化”。但是,将样式全部放在站点内可以避免代码重复 - 简单示例:自定义颜色变量。

就个人而言,我现在看不到其他差异。

我还没有找到有关建议的方法和利弊的材料。

可以建议我哪种方法最好?谢谢你。

4

1 回答 1

1

这取决于项目,但您可以根据项目简介列出优缺点。如果未来的更改很少(或 0),或者它仅基于小组件(样式不多),那么请使用组件范围的样式。如果项目很大,请始终使用类似7-1 模式的样式模式

我更喜欢使用7-1 模式模式。

优点: - 可扩展性或未来更新,如您提到的颜色变量案例。- 您不依赖 Javascript 来加载样式,这取决于您编写应用程序的方式或加载方式,它可能会出现故障。

于 2020-03-31T23:44:11.383 回答