vue中scss的用法

1.在src文件夾裏面新建assets文件夾

2.在asstes文件夾裏面新建css文件夾

3.在css文件夾裏面新建mixin.scss和reset.scss,以下圖

4.在app.vue的mounted裏面寫

mounted(){
    	// 設置html的font-size
document.addEventListener("DOMContentLoaded", function() {
    const html = document.querySelector("html");
    html.style.fontSize = window.innerWidth / 10 + "px";
});
}
複製代碼

5.用法

哪一個頁面須要，就在哪一個頁面引入reset.scss

<style lang="scss" scoped>
	@import "../assets/css/reset.scss";
 	.status {
        position: absolute;
        width: rem(690);
        left: 5%;
        top: 3%;
	}
</style>
複製代碼

assets源碼連接