当前位置:家常菜>百科>科技>正文

vue父子组件传值

人气:153 ℃/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)

   }

  }

 }

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

  • 2022五一劳动节简短祝福语句

    1、等劳模电视上作报告,二等劳模书报上有介绍,三等劳模工作不知疲倦,四等劳模忙碌赚不到钱。国际劳动节到了,无论你是哪等劳模,希望记住:开心最好!2、此短信绝非群发,绝对专属你,...

    语录查看全文>>
  • 福特探界者怎么样?

    福特探界者参数:1、探界者自2004年推出后,一举摘得“年度最具吸引力SUV车型”称号,并斩获 “J.D.Power年度第一”的殊荣,迄今全球销量已超过200万辆,是通用汽车全...

    问答查看全文>>
  • 驾照姓名变更去哪改?

    驾照姓名变更需要带齐资料到当地车管所办理。根据《机动车驾驶证申领和使用规定》第六十条规定,在车辆管理所管辖区域内,机动车驾驶证记载的机动车驾驶人信息发生变化的。机动车驾驶人应当...

    问答查看全文>>
  • 豪爵vs125是什么发动机?

    豪爵vs125是铃木UM125发动机,豪爵vs125的发动机是和车型都是铃木技术开发的。豪爵铃木的发动机总的来看大概可以分为两款,A款发动机和C款发动机。豪爵控股有限公司所生产...

    问答查看全文>>
  • 基础阅读书目《钢铁是怎样炼成的》读后感

    基础阅读书目《钢铁是怎样炼成的》读后感怎么写呢?一起来看看小编今天的分享吧。基础阅读书目《钢铁是怎样炼成的》读后感可以从以下三个方面进行描写:1、首先可以描写主人公保尔·柯察金...

    教育查看全文>>
本网站部分内容、图文来自于网络,如有内容侵犯您的合法权益,请及时与我们联系,我们将第一时间安排核实及删除!
CopyRight © 2007-2024 家常菜 All Rights Reserved. 手机版