0

我有一个由 HTML、CSS 和 Javascript 组成的引导主题。现在,我想在 Vue 中实现它(或者说让它起作用)。我有包含容器的 index.html 文件,它可以工作。现在,我的主题也有一个 index.html 文件。我只是想我可以将整个文件复制到 Vue-index.html 并在更改内容的区域周围添加 ID 为“app”的 div。但它不起作用。基本上,即使我正确引用了它们(相对引用使用点:./assets/css/style.css),Vue 也不会加载任何外部 css 或 js 文件。它在 .vue 文件(即组件)内工作,但不在 index.html 内。我做错了什么?

是的,这里是初学者。

4

2 回答 2

0

当您将它们放在 index.html 中时,它们不会被编译。你可以在这里阅读

于 2019-09-25T23:44:04.577 回答
0

index.html的东西叫做 a target。Vue 使用这个文件作为应用程序其余部分的挂载点,因此它保持相对干净,很可能只有元数据和 DOM 挂载点。它的工作原理是index.html在浏览器中加载 Vue,然后在其上安装 Vue 应用程序。

如果您尝试将某些样式应用于 Vue 应用程序/组件,最好的办法是修改*.vueVue 项目的应用程序源中的文件(通常是/your-project/src. 它们将包含相关部分/组件的片段以及它们的逻辑 (JavaScript) 和样式 (CSS/Sass),前提是您的项目使用单文件组件格式。


供将来参考: 在不知道项目结构、正在使用的组件类型,甚至没有代码示例来了解内部工作方式的情况下,很难提供解决方案。

我们需要更多信息才能更准确地帮助您,所以也许您可以在像codesandbox.io这样的交互式平台上创建一个轻量级的演示?

于 2019-09-30T14:43:59.473 回答