vue2.0的三种常用的传值方式,并且如何实现?
2018-08-06 19:14
218 查看
父传子:首先在父组件里面定义一个属性,然后子组件通过‘props’这个关键字来接收。
子传父:子组件要先绑定一个事件,通过‘emit′这个关键字来发送数据,最后父组件通过‘emit′这个关键字来发送数据,最后父组件通过‘on’来接收数据。
非父子:
1.他们之间有一个共同的容器,假设A和B之间传值,我们可以用localstoage和SessionStorage把A的数据传给共同的容器,然后B从这个容器中再把A的数据取出来。
2.可以先定义一个bus的空对象,首先A通过‘emit′发送数据到bus这个空对象中,然后B通过‘emit′发送数据到bus这个空对象中,然后B通过‘on’来接收这个空对象的数据。
3.vuex集中管理的方式传值也是和上面一样的办法,只是在数据较多且复杂的情况下才用,具体操作都是通过一个中间人来传递数据。
相关文章推荐
- Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值
- vue2.0的三种常用传值方式
- 实现ExpandableListAdapter三种常用方式
- vue2.0 使用element-ui里的upload组件实现多图上传。采用FORMDATA的方式上传。
- TextView实现带链接文字事件监听三种常用方式
- 事务有哪些特性?spring的事务管理有几种方式实现,如何实现?spring 中常用的两种事务配置方式以及事务的传播性、隔离级别
- vue2.0 如何在hash模式下实现微信分享
- Android 三种常用多线程实现方式解析
- 执行计划中三种最常用连接方式的伪码实现
- VUE+Webpack 实现懒加载的三种方式
- 图像灰度化的常用三种方式及其实现
- 分布式锁的三种实现方式 / 分布式锁原理及实现方式 / 分布式锁1 Java常用技术方案
- Android TextView实现带链接文字事件监听的三种常用方式示例
- 使用Vue实现图片上传的三种方式
- 基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
- 如何才能学到Qt的精髓——信号槽之间的无关性,提供了绝佳的对象间通讯方式,QT的GUI全是自己的一套,并且完全开源,提供了一个绝好机会窥视gui具体实现
- Vue2.0-2-数据绑定三种方式
- ADO.NET2.0 异步处理的三种方式-函数回调法
- 在gridview或datagrid中添加汇总行的三种实现方式