less的使用
在Vue项目中，需要通过npm安装相关包(开发依赖即可)
【npm install less -D】【npm install less-loader -D】
然后直接使用即可：
<style scoped>
.box1 {
width: 400px;
height: 400px;
background-color: antiquewhite;
.childBox {
width: 200px;
height: 200px;
background-color: aqua;
}
}
</style>Sass的使用
在Vue项目中，需要通过npm安装相关包(开发依赖即可)
【npm install sass -D】【npm install sass-loader -D】
然后直接使用即可：
<style scoped>
.box1 {
width: 400px;
height: 400px;
background-color: antiquewhite;
.childBox {
width: 200px;
height: 200px;
background-color: aqua;
}
}
</style>