一个项目中存在很多这种情况：父组件（页面）中的子组件需要做下拉加载更多的需求，但是这个下拉到底部的动作只能通过监控页面（父组件）来完成 这就需要父子组件之间的通信，代码如下： 1. 建立一个用于父子组件通信的工具，bus.js 2. 在父组件中监听页面的下拉，并用bus将下拉到底部时这个信号发给子组 ...
分类：
其他好文 时间：
2019-08-22 18:36:45
阅读次数：
73
本文链接：https://blog.csdn.net/zhoulu001/article/details/79548350 对于vue来说，组件之间的消息传递是非常重要的，下面是我对组件之间消息传递的各种方式的总结，总共有8种方式。 1. props和$emit 父组件向子组件传递数据是通过prop ...
分类：
其他好文 时间：
2019-08-19 12:52:34
阅读次数：
75
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
其他好文 时间：
2019-08-18 09:25:47
阅读次数：
64
一、Props传递数据 components |-Grandson1.vue //孙子1 |-Grandson2.vue //孙子2 |-Parent.vue //父亲 |-Grandson1.vue //儿子1 |-Grandson1.vue //儿子2 在父组件中使用儿子组件 <template ...
分类：
其他好文 时间：
2019-08-14 14:15:15
阅读次数：
93
碰到一个项目，应该遵守两大规则： 1. 不要让项目产生过多的第三方依赖 2. 增强组件的应用率 尽可能的将东西写在组件里面，尽可能的将数据写活，通过组件通信来进行数据转换，用到的依赖处理，我们可以通过先处理，在让项目中的文件，来依赖我们的处理的文件，这样我们只需要改处理的文件即可，将数据写活，尽可能 ...
分类：
其他好文 时间：
2019-08-13 20:06:54
阅读次数：
187
一、Vuex介绍 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 也集成到 Vue 的官方调试工具devtools extension，提供了诸如零配置的 time-tavel 调 ...
分类：
其他好文 时间：
2019-07-30 21:57:23
阅读次数：
103
非父子组件传值 vuex 一、非父子组件传值 基于父子组件通信与传值实现非父子组件传值的示例关键代码： 1 <template> 2 <div> 3 <!-- 学员展示 --> 4 <add-student @add="add"></add-student> <!--监听子组件自定义事件add，触发 ...
分类：
其他好文 时间：
2019-07-27 09:17:45
阅读次数：
81
1) 父向子传值，子返回给父 父 → 子 【props】 子 → 父 【自定义事件】 2) 祖父子，从祖传给子，再子返回祖，几种方法，哪种最好 借助父组件作为通信的桥梁，即分解为两个父子组件通信(此处爷孙组件是无法直接通信的) 使用$attrs和$listeners实现祖孙组件之间的数据传递，也就是 ...
分类：
其他好文 时间：
2019-07-24 13:07:50
阅读次数：
93
首先把父组件要传输的数据用自定义属性绑定在标签上 在子组件中用prpos接收 ...
分类：
其他好文 时间：
2019-07-23 09:59:14
阅读次数：
725
父组件使用props传递数据给子组件，子组件怎么跟父组件通信呢？这时，Vue的自定义事件就派上用场了。本文将详细介绍Vue自定义事件； 使用 v-on(eventName) 监听事件 使用 $emit(eventName) 触发事件 我们在myapp/src/components下新建一个组件Emi ...
分类：
其他好文 时间：
2019-07-17 10:49:45
阅读次数：
103
