当前位置:网站首页 > Vue.js开发 > 正文

vue2父子组件传值props(vue中的父子组件传值)



父组件向子组件传值用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

当有自定义构造函数时,验证也支持自定义的类型

补充,当传过去的值需要驼峰命名时:

子:

props: {
     cMovies: {
type: Array,,
default() {
return []
}
},
cMsg: {
type: String,
default:'接收数据时给定一个默认值'    
}
},

 

到此这篇vue2父子组件传值props(vue中的父子组件传值)的文章就介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • vue路由守卫作用(vue3 路由守卫)2025-07-31 18:36:05
  • vmware2016密钥(vmware15.6密钥)2025-07-31 18:36:05
  • Redhat9.0默认的文件系统类型为(在redhatlinux9中系统默认的)2025-07-31 18:36:05
  • pcie5.0速度已经超过内存速度了吗(pcie 4.0速度)2025-07-31 18:36:05
  • pcie5.0电源和ATX3.0(pcie4.0供电)2025-07-31 18:36:05
  • 合并数组js(合并数组并去重)2025-07-31 18:36:05
  • jsjs是哪个地区的烟草(jsjs3101是哪个烟草的香烟)2025-07-31 18:36:05
  • auto.js全局变量(js中全局变量的值在什么情况变化)2025-07-31 18:36:05
  • vue2.0官网(vuecli官网)2025-07-31 18:36:05
  • 上一章 目录 设置(上一章 目录 设置 4、高冷学霸是个撒娇怪by孟扬 ...)2025-07-31 18:36:05
  • 全屏图片