vue中scss的用法

1.在src文件夹里面新建assets文件夹

2.在asstes文件夹里面新建css文件夹

3.在css文件夹里面新建mixin.scss和reset.scss,如下图

assets.png

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>

源码地址