Vue组件传值-设置默认值
1.default: 设置默认值。3.require:设置必填项。·FirstOVue接收父组件传过来的值。2.type:设定传值类型。·App.vue父组件调用子组件。
·
使用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>
更多推荐
已为社区贡献1条内容
所有评论(0)