vue父子组件传值

vue父子组件如何传值呢?我们一起了解一下吧!

父子组件就是在一个vue文件中引入另一个vue文件,被引入vue文件就是子组件,引入vue文件的vue文件就是父组件。以下是父子组件传值的具体操作。

1.父向子传值props

父组件:<child :inputName="name">

子组件:

(1)props: {
inputName: String,

required: true

}

(2)props: ["inputName"]

2.子组件向父组件传值$emit

子组件:

<span>{{childValue}}</span>

<!-- 定义一个子组件传值的方法 -->

<input type="button" value="点击触发" @click="childClick">


export default {
data () {
return {
childValue: '我是子组件的数据'

}

},

methods: {
childClick () {

this.$emit('childByValue', this.childValue)

}

}

}

关于父子组件传值,我们就分享到这啦!

标签:VUE 传值 父子组件

免责声明:本内容来自橡树街平台创作者或收集于互联网公开资源,不代表橡树街网的观点和立场。如有侵权内容,请联系我们删除。联系邮箱:ihuangque@qq.com
相关推荐
vue async
2022-08-05
vue async
vue怎么添加自己喜欢的音乐
2022-08-05
vue怎么添加自己喜欢的音乐
vue router传参
2022-08-05
vue router传参
vue.set()用法
2022-08-05
vue.set()用法
vue在哪里可以添加音乐
2022-08-05
vue在哪里可以添加音乐
vue父子组件通信
2022-08-05
vue父子组件通信
vue刷新当前页面
2022-08-05
vue刷新当前页面
vue main.js
2022-08-05
vue main.js
vue兄弟组件之间传值
2022-08-05
vue兄弟组件之间传值
vue publicpath
2022-08-05
vue publicpath
手机老是弹出广告怎么解决
2022-08-05
手机老是弹出广告怎么解决
小爱同学怎么判断我喜欢的人喜不喜欢我
2022-08-05
小爱同学怎么判断我喜欢的人喜不喜欢我
安卓手机如何打开.kmz文件
2022-08-05
安卓手机如何打开.kmz文件
苹果手机文件管理在哪里
2022-08-05
苹果手机文件管理在哪里
安卓手机如何打开.sav文件
2022-08-05
安卓手机如何打开.sav文件
唐代三绝指的是哪三绝
2022-07-25
唐代三绝指的是哪三绝
水果篮怎么搭配装水果
2022-07-25
水果篮怎么搭配装水果
双十一宣传语
2022-07-25
双十一宣传语
腌肉晒几天可以吃
2022-07-25
腌肉晒几天可以吃
炸丸子皮硬是怎么回事
2022-07-25
炸丸子皮硬是怎么回事
水的灭火作用有
2022-07-25
水的灭火作用有
怎么泡枇杷酒
2022-07-25
怎么泡枇杷酒
凯立德导航端口怎么设置
2022-07-25
凯立德导航端口怎么设置
开冷饮店都需要办什么证件
2022-07-25
开冷饮店都需要办什么证件
秉中的寓意
2022-07-25
秉中的寓意