父组件给子组件传值

父组件给子组件传值

逻辑介绍
1.在父组件的标签中自定义属性和属性值
2.在子组件中书写props对象，其和data等平级
3这个对象里面对自定义的属性进行设置类型，如String和Number
4子组件里，在生命周期created中进行接收参数

具体代码

1父组件

 <!-- 自定义参数 -->
        <course type="discount" size="5" page-num="1"></course>

2 子组件props对象

 props: {
                // 自定义参数
                type: String,
                // 定义多种类型
                // size: [Number, String],
                pageNum: [String, Number],
                size: {
                    type: [String, Number],
                    // default: 20
                    default() {
                        return 20
                    }
                }
            },

3接收参数

 created() {
                console.log(this.type);
            }