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

例子：

1.声明自定义组件

Vue.component('my-component', {
  template: '
Hi
'
})

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

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

3.结果

<p class="foo bar baz boo">Hip>

class属性也可以动态添加

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

当 isActive为真时
结果为

<p class="foo bar active">Hip>

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