style标签中使用less
只需要下载相应的包即可:(前提是使用vue-cli搭建的项目)
npm install less less-loader --save
然后在vue文件里面就可以引入"lang=less"(单独的less文件)
<style scoped lang="less">
@import "./style.less";
</style>
如果是在当前vue文件写样式就直接写在style标签里面
使用时scoped,父组件的样式不会影响到子组件,如果发现当前样式有时候没有作用可能是因为需要深度作用选择器
/deep/ .home{
color:
}