vue组件间的传值

List item

1.父子组件间的传值
父传子
1、在父组件中用v-bind绑定数据在引入的子组件上, 在子组件用props:「」 去接收
2、可以通过 v-bind=" a t t r s " 传 入 内 部 组 件 子 传 父 方 法 一 : 在 子 组 件 中 用 t h i s . attrs" 传入内部组件 子传父 方法一:在子组件中用this. attrs"this.emit(‘send’,传出的值)
在父组件中用@send=sendValue
sendValue(传出的值){

	}
	方法二:在子组件中定义props:{
		fun:function
	}
	调用this.fun属性,触发父组件中的事件
	父组件:fun=valueAtive
	valueAtive(传入的值){}
	方法三:可以通过 v-on="$listeners" 传入内部组件

2.两个非父子组件之间的传值
建立一个中间连接pubsub.js的文件,在里面创建一个vue实例,向外输出这个实例
在one组件中,引入这个pubsub.js文件,触发pubsub. e m i t ( ′ s e n d ′ , ′ 传 出 的 值 ′ ) 在 t w o 组 件 中 引 入 这 个 p u b s u b . j s 文 件 , 在 c r e a t e d ( ) 监 听 p u b s u b . emit('send','传出的值') 在two组件中引入这个pubsub.js文件,在created()监听 pubsub. emit(send,)twopubsub.jscreated()pubsub.on(‘send’,(接受到的值)=>{

})

你可能感兴趣的:(vue组件间的传值)