如何在vue.js中做有范围的外部CSS？

它说，你可以做

<style scoped> 
</style>

到范围的样式，但这是，如果我把它嵌入到HTML页面。如果我链接到.css文件，该怎么办？你怎么还能确定CSS的范围？

感谢

2017-06-19 omega

你可以尝试使用['@ import'（https://developer.mozilla.org/ zh/docs/Web/CSS/@ import）语句。不知道这是否真的会起作用，但值得一试。 – Phil

您可以将src属性添加到样式的标签是这样的：

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

2017-06-19 05:55:06

这是如何工作的？它怎么才能更新外部的CSS并添加该属性过滤器？ – omega

我不确定我是否明白你在问什么。它不会更新外部的css文件。当你构建项目时，它将基于外部文件创建一个新的css文件。 –

链接'./test.css'究竟在哪里？ '.'是指node_modules？或者app.js在哪里或哪里？ – brahimm

回答