首先我们
1.创建一个v3的项目
2.在文件src中的assets 中新建一个以.scss结尾的文件
3.在其内 设置一个跟样式
@mixin border($size){
border: 1px solid red;
font-size:$size;
}
第一个"border"是自定义的名字
4.在组件中随便写一个盒子 给盒子随便起一个类名
5在该组件中的<style lang="scss">
引入
@import “../assets/xxx.scss”; //切记必须写“;” 不然会报错
.类名{
@include border(100px) //切记传参的时候不能写成(“100px”)
}
<style>
5若普通的使用不需要传参的话 以.scss结尾的文件
1.@mixin border{
border: 1px solid red;
font-size:15px;
}
2.
<style lang="scss">
引入
@import “../assets/xxx.scss”; //切记必须写“;” 不然会报错
.类名{
@include border;
}
<style>