VUE给组件传递属性Prop，静态的值不用v-bind

        <swiper-tab-head 
        :tabBars="tabBars" 
        :tabIndex="tabIndex"
        @tabtap="tabtap"
        scrollItemStyle="width:33%;"
        scrollStyle="border-bottom:0;">
        </swiper-tab-head>

 

以上实例，  :tabBars="tabBars" 中tabBars为动态的值，是一个变量，用v-bind 简写为“：”

scrollItemStyle属性为静态的值，不用冒号，直接写常量即可

 

组件中的props如下：

props:{
            tabBars:Array,
            tabIndex:Number,
            scrollStyle:{
                type:String,
                default:""
            },
            scrollItemStyle:{
                type:String,
                default:""
            }
        },