父子组件传值props

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了父子组件传值props相关的知识,希望对你有一定的参考价值。

参考技术A 父组件传值给子组件,子组件用props来接

props:["size","iconClass"] //不限制数据类型

String:字符串

Number:数字

Boolean:布尔

Array::数组

Object:对象

Date:日期

Function:函数

Symbol:独一无二的值(Es6)

基础数据类型:直接赋值

对象数据类型:用函数赋值  () = > []

默认为false,说明父级必须传入数据,否则会报错

验证传人的值是否符合规则

这个问题是:单向数据流,父级 -> 子级 不能反向修改

解决办法:使用watch监听

this.$emit("update:flag",false)   注意:回调时做逻辑处理的,就不能使用修饰器

以上是关于父子组件传值props的主要内容,如果未能解决你的问题,请参考以下文章

VUE父子组件之间的传值,以及兄弟组件之间的传值

Vue父子组件传值

uniapp 父子组件传值

Vue-Cli—04.父子组件传值祖孙组件传值兄弟组件传值

一张图说清楚Vue3父子组件传值,以及props可否改的本质问题

react 父子组件传值(兄弟传值)