web0331/8.vue/高阶/project2/src/components/Demo2.vue

<template>
  <div>
    <h2>Demo2</h2>
    <p>我叫{{ name }},今年{{ age1 }}岁了</p>
  </div>
</template>

<script>
export default {
    // 1.全部接受
    // props:['name','age1']
    // 2.类型限制
    // props:{
    //     name: String,
    //     age1: Number
    // }
    // 3.参数必传＋默认
    props: {
        name: {
            type: String,
            required: true,
            default:"你好"
        },
        age1:{
            type: Number,
            required: true
        }
    }
}
</script>

<style scoped>
    div {
        width: 80%;
        height: 200px;
        border: 1px solid #f00;
    }
</style>