页面特定的 css 未加载答案

【问题标题】：Page specific css not loading页面特定的 css 未加载
【发布时间】：2018-10-30 12:42:58
【问题描述】：

我在 VueJs 中使用 nativescript

我的问题是我的page specified CSS 文件没有被使用。

我的起始页是start.js，在同一个文件夹中我有一个start.css 但未应用样式。

我需要做其他事情还是配置？因为在docs我说正常应该是这样工作的。

【问题讨论】：

【解决方案1】：

始终参考适当的文档以了解其风格，因为您使用的是 Vue，所以您必须遵循 docs here。您指的是核心 js 之一。

使用 NativeScript Vue，您必须在组件中编写作用域样式，就像您为基于 Vue 的 Web 应用程序所做的那样。

【讨论】：

谢谢，我认为这也应该适用于 VueJs，因为核心的东西也适用于 VueJs
在某种程度上你是对的，Core 是一切的基础。但是当你应用它们/nativescript-vue 包在内部做什么时也很重要（它不应该覆盖你正在应用的东西）。因此，当我们使用它时，最好保留您的框架功能；）

【解决方案2】：

在 NativeScript-Vue 中，可以将外部文件用作页面特定的 CSS，如下所示：

<style scoped src="./Home.css"></style>

其中，Home.css 位于您的 components 文件夹中。

同样，对于 SCSS：

<style lang="scss" scoped src="./Home.scss"></style>

注意：当您在 .Vue 文件中添加此内容时，如果它在模拟器/设备上运行，您需要重新构建您的应用程序。

【讨论】：