vue组件6 使用vue添加样式

Posted shcs

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue组件6 使用vue添加样式相关的知识,希望对你有一定的参考价值。

class绑定,内联样式

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

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

用vue-loader实现Scoped CSS

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

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

以上是关于vue组件6 使用vue添加样式的主要内容,如果未能解决你的问题,请参考以下文章

vue样式穿透

vue组件样式添加scoped属性之后,无法被父组件修改。或者无法在本组件修改element UI样式

Vue基础语法(样式绑定,事件处理,表单,Vue组件)

Vue:如何更改作用域子组件的样式

vue时间线组件(可以自己改样式,容易使用)

vue 使用 /deep/ 修改样式