vue2组件之间传值方式，父子，子父，兄弟，v-model ,provide和inject,$parent和$children
创始人
2024-02-29 07:17:22
0次

1.父组件向子组件传值

//子组件中使用props进行数据接收

2.子传父事件传值

1.在子组件中使用v-on进行事件绑定，使用emit发送数据（@click="handleClick(item.value)）this.emit发送数据（@click="handleClick(item.value)） this.emit发送数据（@click="handleClick(item.value)）this.emit(‘handleClick’, val)
2.在父组件中自定义事件用于接收传过来的值，使用$on接收数据（@handleClick）

//父组件

3.兄弟组件之间传值：EventBus

 1.首先在父组件进行组件挂载2.新建一个公共的js文件 bus.js  代码impourt vue form 'vue  export default  new  vue3.在需要传值的子组件中进行公共JS文件的引入 import bus  from '@/components/utils/bus.js'4.在传值的子组件中使用$emit进行传值  bas.$emit （‘’，this.cuanzhi）
在接收值的组件中使用$on进行接收（写在钩子函数中,mounted！！！)

4.provide和inject

1.父组件中通过provide来提供变量，然后在子组件中通过inject来注入变量

//父组件//子组件 //接收到的值
{{content}}

5.v-model

//父组件//子组件 //接收到的值
子组件 接收到的值{{value}}

6. parent和parent和parent和children

子组件通过parent对父组件进行操作，父组件通过parent对父组件进行操作，父组件通过parent对父组件进行操作，父组件通过children对子组件进行操作。

子组件调用父组件的方法 this.parent.方法名()父组件调用子组件的方法this.parent.方法名() 父组件调用子组件的方法 this.parent.方法名()父组件调用子组件的方法this.children.方法名()

//父组件//子组件 //接收到的值
子组件 接收到的值{{$parent.str}}

上一篇：无本钱创业22种方法 一万块怎么白手起家 无本钱创业22种方法小生意怎么做 无本钱创业22种方法做什么赚钱快

下一篇：创业必读：如何利用创业资金 创业必背财务知识 火锅创业计划书创业资金

相关内容

热门资讯

Python|位运算|数组|动... 目录 1、只出现一次的数字（位运算，数组） 示例 选项代...
张岱的人物生平 张岱的人物生平张岱（414年－484年），字景山，吴郡吴县（今江苏苏州）人。南朝齐大臣。祖父张敞，东...
西游西后传演员女人物 西游西后传演员女人物西游西后传演员女人物 孙悟空 六小龄童 唐僧 徐少华 ...
名人故事中贾岛作诗内容简介 名人故事中贾岛作诗内容简介有一次,贾岛骑驴闯了官道.他正琢磨着一句诗,名叫《题李凝幽居》全诗如下：闲...
和男朋友一起优秀的文案？ 和男朋友一起优秀的文案？1.希望是惟一所有的人都共同享有的好处；一无所有的人，仍拥有希望。2.生活，...
戴玉手镯的好处 戴玉手镯好还是... 戴玉手镯的好处 戴玉手镯好还是碧玺好 女人戴玉？戴玉好还是碧玺好点佩戴手镯，以和田玉手镯为佳！相嫌滑...
依然什么意思？ 依然什么意思？依然（汉语词语）依然，汉语词汇。拼音：yī    rán基本解释：副词，指照往常、依旧...
高尔基的散文诗 高尔基的散文诗《海燕》、《大学》、《母亲》、《童年》这些都是比较出名的一些代表作。
心在飞扬作者简介 心在飞扬作者简介心在飞扬作者简介如下。根据相关公开资料查询，心在飞扬是一位优秀的小说作者，他的小说作...
卡什坦卡的故事赏析？ 卡什坦卡的故事赏析？讲了一只小狗的故事, 我也是近来才读到这篇小说. 作家对动物的拟人描写真是惟妙...
林绍涛为简艾拿绿豆糕是哪一集 林绍涛为简艾拿绿豆糕是哪一集第三十二集。 贾宽认为是阎帅间接导致刘映霞住了院，第二天上班，他按捺不...
小爱同学是女生吗小安同学什么意... 小爱同学是女生吗小安同学什么意思 小爱同学，小安同学说你是女生。小安是男的。
内分泌失调导致脸上长斑,怎么调... 内分泌失调导致脸上长斑,怎么调理内分泌失调导致脸上长斑,怎么调理先调理内分泌，去看中医吧，另外用好的...
《魔幻仙境》刺客，骑士人物属性... 《魔幻仙境》刺客，骑士人物属性加点魔幻仙境骑士2功1体质
很喜欢她，该怎么办？ 很喜欢她，该怎么办？太冷静了！！ 太理智了！爱情是需要冲劲的~不要考虑着考虑那~否则缘...
言情小说作家 言情小说作家我比较喜欢匪我思存的，很虐，很悲，还有梅子黄时雨，笙离，叶萱，还有安宁的《温暖的玄》 小...
两个以名人的名字命名的风景名胜... 两个以名人的名字命名的风景名胜？快太白楼，李白。尚志公园，赵尚志。
幼儿教育的代表人物及其著作 幼儿教育的代表人物及其著作卡尔威特的《卡尔威特的教育》，小卡尔威特，他儿子成了天才后写的《小卡尔威特...
海贼王中为什么说路飞打凯多靠霸... 海贼王中为什么说路飞打凯多靠霸气升级？凯多是靠霸气升级吗？因为之前刚到时确实打不过人家因为路飞的实力...
运气不好拜财神有用吗运气不好拜... 运气不好拜财神有用吗运气不好拜财神有没有用1、运气不好拜财神有用。2、拜财神上香前先点蜡烛，照亮人神...