当在一个自定义组件上使用 class
属性时,这些类将被添加到该组件的根元素上面。这个元素上已经存在的类不会被覆盖。spa
例如,若是你声明了这个组件:code
Vue.component('my-component', { template: '<p class="foo bar">Hi</p>' })
而后在使用它的时候添加一些 class:component
<my-component class="baz boo"></my-component>
HTML 将被渲染为:blog
<p class="foo bar baz boo">Hi</p>