首页 > 技术文章 > vue组件6 使用vue添加样式

shcs 2019-12-02 22:35 原文

class绑定,内联样式

  数组语法 :class="[stylename]"    js:data{stylename:classname}

  对象语法:class={stylename:true  }

用vue-loader实现Scoped CSS

在组件的style标签,上使用scoped,在其中定义的样式只会在当前组件生效

可以设置vue-loader来让预处理器处理css,在syle标签上添加  lang="less/scss"

推荐阅读