摘要：是组件化的开发模式，在不借助框架的前提下，组件之间如何通信呢接下来我在开发中总结了几种情况。
Vue(2.0)是组件化的开发模式，在不借助vuex框架的前提下，组件之间如何通信呢？接下来我在开发中总结了几种情况。
1.父组件给子组件传值（props）：
父组件给子组件传值的方式主要是用函数props，具体操作如下
子组件部分
父组件部分：
2.子组件给父组件传值（$emit） 子组件给父组件传值的中心思想是；通过方法传参，具体用法如下：
子组件部分
父页面HTML部分：通过子页面定义的tanslate事件调用自定的tanslateText方法
父页面js部分：
methods:{
tanslateText:function(item){ //参数text是子页面传过来的参数
console.log(item) //打印出子页面传过来的参数
}
}
3.兄弟组件之间传值
不借助vuex的话，兄弟组件之间通信时没什么办法的，但是我们可以利用现有的知识来实现兄弟组件通信，中心思想是“先子传父，在父传子”，具体代码与上面的方法相同，好了！以上就是不借助vuex组件之间的通信方式
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/52151.html
相关文章
-
说一说Vue(2.0)组件的通信方式
摘要：是组件化的开发模式，在不借助框架的前提下，组件之间如何通信呢接下来我在开发中总结了几种情况。
Vue(2.0)是组件化的开发模式，在不借助vuex框架的前提下，组件之间如何通信呢？接下来我在开发中总结了几种情况。1.父组件给子组件传值（props）：
父组件给子组件传值的方式主要是用函数props，具体操作如下
子组件部分
{{ message }}
...
-
2019-我的前端面试题
摘要：先说下我面试情况，我一共面试了家公司。篇在我面试的众多公司里，只有同城的面问到相关问题，其他公司压根没问。我自己回答的是自己开发组件面临的问题。完全不用担心对方到时候打电话核对的问题。
2019的5月9号，离发工资还有1天的时候，我的领导亲切把我叫到办公室跟我说：阿郭，我们公司要倒闭了，钱是没有的啦，为了不耽误你，你赶紧出去找工作吧。听到这话，我虎躯一震，这已经是第2个月没工资了。
公...
-
发表评论
0条评论
codeKK
男|高级讲师
TA的文章
阅读更多
debian系统更换软件源镜像优化国内下载速度
阅读 4165·2021-09-30 09:59
记录使用微PE工具箱快速制作U盘系统盘安装系统工具
阅读 2584·2021-09-13 10:34
打造专属自己的html5拼图小游戏
阅读 674·2019-08-30 12:58
TypeScript 、React、 Redux和Ant-Design的最佳实践
阅读 1595·2019-08-29 18:42
阿里云携手优锘发布智慧园区可视化产品
阅读 2293·2019-08-26 13:44
【Vue项目总结】后台管理项目总结
阅读 3018·2019-08-23 18:12
JavaScript数据结构与算法——数组
阅读 3403·2019-08-23 15:10
马上收藏！史上最全正则表达式合集
阅读 1722·2019-08-23 14:37
最新活动
