vue scoped @import

在Vue中，可以使用`<style scoped>`来为组件的样式添加作用域。当使用`scoped`时，组件的样式只会影响当前组件的元素，而不会影响其他组件或全局样式。

如果你想在`<style scoped>`中引入其他样式文件，可以使用`@import`语法。例如，如果你想引入一个名为`variables.scss`的Sass变量文件，可以这样写：

<style scoped lang="scss">
  @import "@/styles/variables.scss";

  .my-component {
    color: $primary-color;
  }
</style>

其中`@`符号代表项目根目录，`lang="scss"`表示当前样式使用的是Sass预处理器。在`variables.scss`文件中定义了一个`$primary-color`变量，可以在当前组件的样式中使用。

请注意，当使用`@import`语法时，被引入的文件也会带有作用域，只会影响当前组件的元素。