vue中如何引入样式文件

// 这是第一种引入方式，使用相对路径，缺点是文件层级过多时，会出现多个../
<style scoped lang="less">
@import "../../../seawater/style/common.less";
</style>

// 这是第二种引入方式，采用~@方式引入，即使文件层级过多也不会出现多个../, ~@表示src目录下
<style scoped lang="less">
@import "~@/seawater/style/common.less";
</style>

// scoped: 用于隔离样式，防止全局污染，会让当前样式仅作用于当前组件