vue2vue3中样式scss的mixin用法

本文介绍了将Vue2中的SCSS mixin方法迁移到Vue3时遇到的问题及解决步骤。在Vue2中,包括引入公共scss文件、注册mixin、配置vue.config.js等步骤;而在Vue3中,主要变化在于main.js中注册入口文件和配置mixin的方法。
摘要由CSDN通过智能技术生成

前言:

在vue2中我们使用scss的时候的一些方法挪移到vue3中,会出现一些问题,比如我们的配置文件都ok了,但是我们页面上使用@include wx() 会报错找不到这个mixin方法。

vue2中scss:

1、引入你的公共scss文件

2、放入把我们的mixin方法

// 宽高
@mixin wh($width, $height){
	width: $width;
	height: $height;
}
// 圆角边框
@mixin border-radius($radius) {
  border-radius: $radius;
}

3、注册我们的mixin方法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值