Vue-props

props接收值的几种写法

props是只读的，不允许直接修改传进来的props的值，修改就会有警告

// 最简单的接收值的方式,接收的是一个数组
props: [name,age]

// 接收参数是一个对象
props: {
    name: String,
    age: Number
}

// 最完整的方式
props: {
    name: {
        type: String,   // 数据的类型限制
        required: true  // 数据是否必传
    },
    age: {
        type: Number,
        default: true   // 数据默认值
    }
}

Demo

// 父组件




// 子组件
3