学习笔记--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 -->