![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue学习
文章平均质量分 73
wei_bo_ren
每一个不曾起舞的日子,都是对生命的辜负!
展开
-
vue2.0中的组件通信操作1——父组件向子组件下发数据
Vue.js最大的特性之一就是组件化开发方式,带来的一点小问题就是数据分散到了各个组件中,不像传统的一个.html页面的基本上所有的数据都在一个页面上无缝操作。Vue.js中也有实现数据共享的机制,在Vue.js中叫做组件通信,简单来说就是在组件之间完成传递数据的操作。你想要它手里的数据,可以拿到,他想要你的数据,也可以获取。 那么,组件通信如何实现呢?组件一般可以分为父子组件和兄弟组件,我们先...原创 2018-03-19 16:57:48 · 552 阅读 · 0 评论 -
vue2.0中的组件通信2——子组件向父组件传递数据
上一篇我写了父组件如何向子组件下发数据的操作,今天我们来聊聊子组件如何向父组件发送数据。在Vue.js中是通过事件来完成子组件向父组件发送数据的。 代码沿用上一篇的结构。上代码: 初始状态 子组件 childOne.vue中 先写好需要发送的数据 父组件app.vue 效果: 然后开始进行数据发送: 在子组件中增加一个按钮并未按钮绑定一个发送数据的事件sendData:在...原创 2018-03-20 12:13:30 · 478 阅读 · 0 评论 -
vue2.0中的组件通信3——兄弟组件之间通信
上一篇我写了子组件通过事件向父组件发送数据,在这里我们就来聊聊同级组件之间数据通信的问题。同级组件之间的通信需要依赖一个vue实例作为中介者,(类似邮差)起到传递信息的作用。 我的代码依然沿用上面两篇的目录结构: 新建一个event.js文件,在里面新建一个vue实例,这个实例就承担起了组件之间通信的桥梁了,也就是中央事件总线。 加入代码 event.js: import Vue fr...原创 2018-03-20 15:04:17 · 7289 阅读 · 0 评论