vue css作用域问题

Question

vue文档中有提到使用在标签上加scoped来实现作用域控制，代码如下<style scoped>     @media (min-width: 250px) {        .list-container:hover {            background: orange;         }     }</style>但如果我是使用import '../css/index.css';的形式引入的css，那么怎么使作用域限制在当前组件呢？

Answer 1

可以用

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