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种方法做什么赚钱快

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

相关内容

热门资讯

《狼图腾》适合孩子们读吗？这本... 《狼图腾》适合孩子们读吗？这本书会改变孩子们的三观吗？我觉得这部书是非常适合孩子们读的事，会改变孩子...
谁能给几个著名企业家的演讲视频... 谁能给几个著名企业家的演讲视频呀?只要是针对如何工作，创业等等相关的都可以呀~! 在大学里的演讲也行...
高手来翻译~! 高手来翻译~!翻译?你是外国人吗?分给少了 嘿嘿
男生说女生的声音比刚认识她时听... 男生说女生的声音比刚认识她时听着更成熟了是什么意思说明你以前说话不成熟呗！说你现在比以前成熟了，不像...
求音乐：会走没有腿,会说没有嘴... 求音乐：会走没有腿,会说没有嘴 是哪首歌的词楼上是个煞白 放他的屁 话说 有这个歌词么 是...
小孩子长时间看电视现在开始不爱... 小孩子长时间看电视现在开始不爱搭理人了 怎么办看得什么节目啊。你也不怕影响孩子的视力，马上转移孩子的...
清净心,源于己.什么意思？ 清净心,源于己.什么意思？要想获得宁静的心境或者要使自己内心平和，要得从自身出发，要先调整或改变自己...
茅山术该看什么书？ 茅山术该看什么书？想知道有多么神奇看《鲁班书》。这本书确实神奇。只是据说学会此书的人会没后代。所以我...
贾平凹秦腔阅读答案 贾平凹秦腔阅读答案1、双摇、单摇、上下飞闪、纹丝不动、猛转2、比喻。表现了广大人民群众对秦腔的热爱。...
故事很长,余生很久是什么意思？ 故事很长,余生很久是什么意思？代表只要人还活着！就有发生不完的故事！
我的爸爸是森林之王观后感英文？ 我的爸爸是森林之王观后感英文？我的爸爸是森林之王观后感My father was Wangguanh...
起凡群雄逐鹿开锦囊能开什么 起凡群雄逐鹿开锦囊能开什么跪求 起凡群雄逐鹿开锦囊能开什么各种各样的装备：力量，大地，（左边的是要...
什么是仲裁者？ 什么是仲裁者？到底是什么的？好像很有名的样子在广西常常听人提起。仲裁者 公认的第三者在争端两方间...
是不是只要付出真心就同样可以换... 是不是只要付出真心就同样可以换回真心？是的诚心能让石头落泪真诚能让枯木发芽只要我们付出真心会有回报的...
描写小女孩聪明的文言文？ 描写小女孩聪明的文言文？朓尝宿卫,还过江革,时大雪,见革弊絮单席,而耽学不倦,嗟叹久之,乃脱所著襦,...
自哀自怜是什么意思? 自哀自怜是什么意思?有没有写错字?自艾自怜是：艾的读音为yi,第四声 艾的意思是改正。 从字形上看，...
《天涯论坛》红中麻将群@拉我（... 1.亮点：一元红中麻将微信“群”—ab120590—hf420624—mj120590—客服Q443...
围观广东24小时在线一元麻将群 好运连连，全网推荐：(ab120590)(mj120590)【hf420624】-Q号：(QQ443...
[天天通知]手机红中麻将@群(... 1.进群方式《ab120590》或者《mj120590》《hf420624》--QQ(4434063...
重大通知如何加人24小时1块1... 认证群主微信微【ab120590】 【mj120590】【hf420624】（一元俩元红中麻将）（跑...