如何在Vue中正确实现html / css / js主题?

时间:2019-09-25 18:57:08

标签: javascript html css vue.js

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

是的,这里是初学者。

2 个答案:

答案 0 :(得分:0)

将它们放在index.html中时,不会对其进行编译。 您可以阅读有关HERE

的信息

答案 1 :(得分:0)

您的index.html被称为target。 Vue使用此文件作为应用程序其余部分的安装点,因此它保持相对干净,很可能只有元数据和DOM安装点。通过将index.html加载到浏览器中,然后将Vue应用程序安装在其上面,即可正常工作。

如果您尝试将某些样式应用于Vue应用程序/组件,最好的选择是在Vue项目的应用程序源(通常为*.vue)内修改/your-project/src文件。如果您的项目使用“单一文件组件”格式,它们将包含相关节/组件的片段以及它们的逻辑(JavaScript)和样式(CSS / Sass)。


供以后参考: 在不了解项目结构,所使用的组件类型,甚至没有代码示例来了解事物内部运行方式的情况下,很难提供解决方案。

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