scoped和vite使用less

 

 

vite中使用less

npm安装

npm install less less-loader -D 

 

在style标签注明即可

<style lang="less">
 
</style>

 

什么是scoped

实现组件的私有化, 当前style属性只属于当前模块.

在DOM结构中可以发现,vue通过在DOM结构以及css样式上加了唯一标记,达到样式私有化,不污染全局的作用,

<style scoped>
</style>

 

  样式穿透问题 ::v-deep  >>> /deep/