Vue——(1)父传子,子传父(传值)
欢迎来到阿八个人博客网站。本 阿八个人博客 网站提供最新的站长新闻,各种互联网资讯。 喜欢本站的朋友可以收藏本站,或者加QQ:我们大家一起来交流技术! URL链接:https://www.abboke.com/jsh/2019/0824/108378.html 1190000020167349
父传子组件
- 父组件引入子组件,使用components接收;
- 父组件页面显示引入子组件数据;
- 子组件使用props接收父组件传过来的数据进行chu'li处理数据,页面显示内容;
props:{
name:{
type:String,
default:'我是默认值,可以不定义'
}
}
子传父组件
- 父组件import引入子组件,components:注册子组件
- 父组件中template中使用子组件的点击事件
- 子组件正常写入template内容,使用点击事件时,this.$emit('事件名',传入的值或多个值)
this.$emit("sendiptVal", this.inputValue)
//子组件发射自定义事件sendiptVal 并携带要传递给父组件的值,
// 如果要传递给父组件很多值,这些值要作为参数依次列出 如 this.$emit('valueUp', this.inputValue, this.mesFather);
}