父子组件之间的传值
(1)子组件给父组件传值子组件(1.1)子组件Child.vue,在button按钮上通过点击passToparent事件,在子传父的this.$emit方法上自定义事件名,以及需要传递的值(可以是数组、对象、字符串)。父组件(1.2)父组件parent.vue,在通过import引入子组件的Child.vue上,通过component去注册子组件,并在template上引用子组件的标签,通过@子
·
(1)子组件给父组件传值
子组件
(1.1)子组件Child.vue,在button按钮上通过点击passToparent事件,在子传父的this.$emit方法上自定义事件名,以及需要传递的值(可以是数组、对象、字符串)。
父组件
(1.2)父组件parent.vue,在通过import引入子组件的Child.vue上,通过component去注册子组件,并在template上引用子组件的标签,通过@子组件自定义事件名msgOfChild,去接收值并映射在父组件上。
(2)父组件给子组件传值
(2.1)父组件
父组件通过引入并注册子组件,通过子组件标签名child绑定的属性,传递给子组件,子组件通过props方法,接收对应变量名,规定好接收的数据类型,如type: string、array、obj等, 子组件的props 中的数据都是只读的,无法重新赋值
更多推荐
已为社区贡献2条内容
所有评论(0)