Vue中的style 的lang=“ “和scpoed

Yasuo Man

于 2019-09-11 17:31:36 发布

阅读量8.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue.js html javascript

本文链接：https://blog.youkuaiyun.com/Meraln/article/details/100730718

Vue 专栏收录该内容

16 篇文章

订阅专栏

本文介绍在Vue.js项目中如何使用SCSS和LESS预处理器，并解释了style标签的lang属性和scoped属性的作用。通过设置lang属性，可以启用SCSS或LESS，而scoped属性则确保样式仅应用于当前组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue中的style 的lang=" "和scoped

普通的style标签只支持普通的样式，如果想启用scss或者less，需要为style元素设置lang属性

<style lang="scss" scoped>
/* 普通的 style 标签只支持 普通的 样式，如果想要启用 scss 或 less ，需要为 style 元素，设置 lang 属性 */
// 只要 咱们的 style 标签， 是在 .vue 组件中定义的，那么，推荐都为 style 开启 scoped 属性
body {
  div {
    font-style: italic;
  }
}
</style>