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)
}
}
}
关于父子组件传值,我们就分享到这啦!
-
2022年浪漫情话短句
1、岁月不饶人,我亦未曾绕过岁月。2、想你的心境实在没办法用一句话代替。3、看着你的时候,世界都是温暖色的。4、那一季的纠缠是我们的夙命。5、一个人,一座城,一生心疼。6、我好...
句子查看全文>> -
网络情人节微信优美情话文案2022
1、世人欠你的温柔,我来还。2、我一定是今天第一个想你的人,如果不是也没关系,我每天都想,总有一天是。3、我行过许多地方的桥,看过许多次数的云,喝过许多种类的酒,却只爱过一个正...
句子查看全文>> -
发功机灯亮是什么原因
这是发动机故障灯,导致这个故障灯亮起的原因有很多,这可能是发动机附近的传感器出现了故障,可能是发动机本身出现了严重的故障,可能是发动机附近的某些部件出现了故障导致的。汽车上有很...
问答查看全文>>
推荐
- 1贫嘴的话 贫嘴丫头的话219
- 2HCIA证书需要多少分347
- 3考科目三网上怎么预约?468
- 4北京福田伽途ix7报价多少钱?178
- 5新飞度是什么车?443
- 6简痕光腿神器质量好吗 简痕光腿神器怎么样320
- 72022黑椒酱哪个牌子好 黑椒酱十大品牌排行榜445
- 8太平猴魁到底是什么茶153