vue2项目，js里怎么写或者说引入css文件？

Question

目前是这样，三个组件需要用到相同的代码，目前是把代码抽离到了一个js文件里，但是代码里有用到class样式，这时候class应该写在哪里才会生效，是不是需要导入到js里？

---

想到一个办法了，直接在公共的js里引入scss文件，都生效了。我看评论有说在三个组件的style标签里都import，但是这三个style都是scoped的，没生效

Answer 1

<template>
  <!-- 模板 -->
</template>

<script>
  // 脚本
</script>

<style>
.your-class {
  // 样式
}
</style>

Answer 2

可以通过同一类名，在css文件里写样式并全局引入，在js里面控制类名即可

Answer 3

<style scoped>
@import "cssFileName.css";
</style>

分别引入