vue笔记5

反向传值(子向父传值$emit)

$emit 一共有三个参数,第一个参数为自定义的事件,第二个参数为要传递给父组件的值,父组件在子组件标签上绑定自定义事件来接收子组件传递的数据

父组件里面绑定事件,子组件触发事件

一、 v-on:xx 方法传值

1、父组件中使用子组件时,在子组件身上绑定一个自己的更新事件,其中v-on:xx中的“xx”是自己定义的触发条件

	<div id="app">
		<h1>app---{
  {count}}</h1>
		<Box @change="fn"  v-on:xx="eventmyself"  :n="count"></Box>
		<button @click="change1">app--修改count</button>
	</div>

2、在父组件中定义这个事件

	export default {
   
		methods:{
   
			change1(){
   
				this.count+=1
			},
	      }

3、子组件中首先通过props接收父组件传过来的值,子组件中在更新这个值的函数里,同时通过this.$emit触发父组件的myevent事件,传入更新后的值

<script>
	export 
  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值