vue--给子组件根元素添加class属性

例子：

1.声明自定义组件

Vue.component('my-component', {
  template: '<p class="foo bar">Hi</p>'
})

2.调用组件，添加class属性

<my-component class="baz boo"></my-component>

3.结果

<p class="foo bar baz boo">Hi</p>

class属性也可以动态添加

<my-component v-bind:class="{ active: isActive }"></my-component>

当 isActive为真时
结果为

<p class="foo bar active">Hi</p>

当在一个自定义组件上使用 class 属性时，这些类将被添加到该组件的根元素上面。这个元素上已经存在的类不会被覆盖。