[前端|vue] ＜style scoped lang=“less“＞ 说明（笔记）

在 Vue 单文件组件（Single File Component, SFC）中，<style scoped> 用于限制样式的作用域，确保样式只影响当前组件内的元素。加上 lang="less" 则表示该 <style> 标签内的 CSS 代码是用 Less 语法编写的。

<style scoped> 的作用是通过给组件内的 HTML 元素添加唯一的类名前缀，从而实现样式隔离。这意味着组件内的样式不会影响到页面上的其他组件，这有助于避免样式冲突，特别是在大型项目中。