vue子组件传值给父组件,vue子组件向父组件传参
本文主要和大家分享Vue子组件接收其父组件传递的值的三种方式，主要通过声明接收、接收数据时限制类型、接收数据时限制数据的类型、必要性和默认值。更详细的信息可以参考有需要的人。
:
目录
1.只需申报收据2。接收数据时限制类型3。接收数据时限制数据类型、必要性和默认值父组件代码
模板
差异
父分区组件/分区
学生：姓名=姓名:年龄=年龄/学生
/div
/模板
脚本
//引入组件
从导入学生。/组件/学生
导出默认值{
名称：“应用程序”，
组件：{Student，}，
data() {
返回{
姓名：张三，
年龄：18岁
}
}
}
/脚本
1.简单声明接收
模板
差异
div /div的子组件
H2学生姓名：{{ name }}/h2
H2年龄：{{ age }}/h2
/div
/模板
脚本
导出默认值{
姓名：学生，
data() {
返回{}
},
//只需声明收据-。
道具：[姓名，年龄]
//-
}
/脚本
2.接收数据的同时进行 类型限制
模板
差异
div /div的子组件
H2学生姓名：{{ name }}/h2
H2年龄：{{ age }}/h2
/div
/模板
脚本
导出默认值{
姓名：学生，
data() {
返回{}
},
//接收数据时的类型限制-
道具：{
名称：字符串，
年龄：数量
}
//-
}
/脚本
3.接收数据的同时对 数据类型、必要性、默认值 进行限制
模板
差异
div /div的子组件
H2学生姓名：{{ name }}/h2
H2年龄：{{ age }}/h2
/div
/模板
脚本
导出默认值{
姓名：学生，
data() {
返回{}
},
//接收数据时，限制数据类型、必要性和默认值-
道具：{
名称：{
Type: String，//name传入的类型必须是字符串。
必填：true //name设置为必填字段。
},
年龄：{
类型：数量，
默认值：233 //默认值
}
},
//-
}
/脚本
关于分享Vue子组件从其父组件获得价值的三种方式的文章到此结束。有关Vue子组件从其父组件接收值的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。