如何理解Vue的非prop屬性

案例: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

相關文章
相關標籤/搜索