使用props接收值
1.default: 设置默认值
2.type:设定传值类型
3.require:设置必填项
代码示例:
·App.vue父组件调用子组件
<div class="app">
示例----{{ username }}
//向子组件传值
<FirstOVue :num="20"></FirstOVue>
</div>
·FirstOVue接收父组件传过来的值
<template>
<div>这是子组件1-----{{ num }}</div>
</template>
<script>
export default {
props: {
num: {
// 设置默认值
default: 0,
// 指定传值类型
type: Number,
// 是否必须传值,父组件不传值会报警告
required: true
}
}
}
</script>