通过cdn引入 nutui 或 vant 的组件，未使用webpack的情况下，组件的prop设置无效，为什么？

Question

<div id="app>

 <nut-navbar :leftShow="true" :rightShow="false" ref="bar">标题</nut-navbar>
 
 </div>
 
 <script>
 new Vue({
    el:"#app",
    data:{
    
    }
 })
 </script>
 

比如这里的 rightShow 设置为 false 了，但实际后发现这个值并没有生效。

vant 中的组件拿过来也有类似的情况，prop 设置无效；但我自己用 Vue.component()注册的组件却不会出现这种情况。
请问为什么呢？
怎样解决？

Answer 1

prop用短横线<nut-navbar :left-show="true" :right-show="false" ref="bar">标题</nut-navbar>;DOM不区分大小写，不走webpack和模板字符串就需要使用短横线风格
Prop 名大小写