1. 程式人生 > >學習筆記--Vue 中的props

學習筆記--Vue 中的props

元件中的props可以是字串形式的陣列,也可以是物件。具體介紹見官方文件

在用到物件中字串檢測的時候,在html中需要使用'v-bind'來標記此是一個JavaScript表示式,否則會將其當成一個字串處理。

<props-demo-advanced :age="10"></props-demo-advanced>
Vue.component('props-demo-advanced',{
    props:{
        age:{
            type:Number,
            default: 0
        }
    },
    template:"<p>{{age}}</p>"
})
<props-demo-advanced></props-demo-advanced><!-- 此時default才會起作用顯示0 -->