父组件向子组件传值用props
使用：
1.js里import引入子组件:
import cpn from ‘子组件路径’ 2.js的components添加上cpn components: {讯享网cnp
}, 3.页面使用： <cpn></cpn>
1.父组件（向子组件传值：）
讯享网
2.子组件页面接收：
讯享网
父子组件上下红色部分对应
props接收传过来的值有三种接收方式：
第一种：直接接收
第二种：指定类型
第三种：设定默认值和必须传——类型是对象或数组时，默认值必须是函数
验证都支持以下数据类型：String Number Boolean Array Object Date Function Symbol
当有自定义构造函数时，验证也支持自定义的类型
补充，当传过去的值需要驼峰命名时：
父：
<cpn :c-movies=“movies” :c-msg=“msg” />
子：
props: {
cMovies: {
type: Array,,
default() {
return []
}
},
cMsg: {
type: String,
default:‘接收数据时给定一个默认值’
}
},
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/137781.html