vue常见的动态设置classstyle样式方式

只记录几个我比较常用的哈~

1.多个类名判断

2.三目判断

3.条件判断

动态使用style的时候属性要用驼峰！驼峰！

1.条件判断

2.使用函数判断

给vue项目中v-html的内容添加样式

1.使用css 深度选择器

<style scoped>

    .content >>>img { max-width: 100%}

</style>

2.使用less深度选择器

<style lang="less" scoped>

    @import '~@/assets/css/base.less'

    .content {

           /deep/ img {

                width:1rem

           }

    } 

</style>

所有使用基于组件的体系结构(如Vue和React)的开发人员都知道，创建可重用组件是很困难的，而且大多数情况下，最终会通过传入大量的属性，以便从外部更容易地控制和自定义组件。这并不坏，但是传递大量属性确实会变得有点麻烦和丑陋。

我们以 vuetify 的按钮组件为例，它是最简单的组件之一。假设我们想要在大多数情况下传递相同的属性：

将它们放在单独的文件中是有意义的，这个文件我们取名为props.js

使用v-bind指令，对于必须在组件的data选项中定义的对象，它将绑定所有属性。

// 添加

// 删除

---