Flex基于sass的@mixin混入在vue中的使用【基础版_一次创建多次引用】

/* 自定义封装文件：flexScss.scss */
/* @mixin混入,默认center,center，编写公共sass函数 */
@mixin flex-justify-align($justify-content:center,$align-items:center){
    display: flex;
    justify-content:$justify-content;
    align-items: $align-items;
}

/* vue-cli的项目入口文件main.js中引入【路径根据自己的项目而定】 */
import 'flexScss.scss'

/* 页面引用 */
<style lang="scss" scoped>
    @import '~@/assets/css/flexScss.scss'; 
    .elementClass{
        @include flex-justify-align(center,center);//可不传，默认center,center
    }
</style>