混合器定义组来实现样式复用

定义   mixin.scss

@mixin rounded-corners {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

使用 

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

通过@include来使用这个混合器，放在你希望的任何地方
notice {
background-color: green;
border: 2px solid #00aa00;
@include rounded-corners;
}