vue父子组件传值
人气:123 ℃/2024-01-15 07:15:01
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)
}
}
}
关于父子组件传值,我们就分享到这啦!
-
宝宝一周岁生日朋友圈说说
1、今天是最值记忆的一天,今天是最有意义的一天,今天是最重要的一天,今天是一年一度你的生日,在这美好的一天,送给你浓浓的祝愿:祝宝宝一周岁生日快乐,一生康健!2、宝宝,你知道吗...
说说查看全文>>
推荐
- 1违法停车扣几分?464
- 2繁体字网名大全258
- 3汽车充电器什么牌子最好?487
- 4小说中的句子277
- 5奇瑞新能源小蚂蚁两座怎么样?153
- 6前挡贴膜贴里面还是外面?291
- 7无铅汽油是什么意思?288
- 8未成年人能申请汽车驾驶证吗343