案例:vue
<div id="app"> <my-comp data-title="learn vue" class="mycls" style="color:red;"></my-comp> </div> <script> Vue.component('my-comp', { template: '<div>我是組件</div>' }); new Vue({ el: '#app' }); </script>
運行結果如圖:app
說明:data-title,class,style就是非prop屬性,無需定義相應的prop,這些屬性都會被添加到組件的根元素上。spa