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>