父组件向子组件传值用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
当有自定义构造函数时,验证也支持自定义的类型
补充,当传过去的值需要驼峰命名时:
子:
到此这篇vue2父子组件传值props(vue中的父子组件传值)的文章就介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章,希望大家都能在编程的领域有一番成就!
版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/qdvuejs/41558.html