一、什么是高阶函数(组件),作用是什么? 子类使用父类的方法可以通过继承的方式实现,那无关联组件通信(redux)、父类使用子类方法(反向继承)呢 为了解决类(函数) 功能交叉/功能复用 等问题,通过传入类/函数返回类/函数(继承)的方式使得类拥有自身未定义的方法。 例如 的connect方法使用了 ...
分类:
其他好文 时间:
2020-01-05 10:00:12
阅读次数:
79
在Vue中组件之间的共享数据的方式:1、父组件向子组件传值:v-bind 属性绑定2、子组件向父组件传值:v-on 事件绑定3、兄弟组件之间进行传值:EventBus$on 接收数据的那个组件$emit 发送数据的那个组件 上面的3种方式适用于小项目中的组件通信,当项目变的庞大的时候,就有些力不从心 ...
分类:
其他好文 时间:
2019-12-31 21:52:50
阅读次数:
101
第1章 课程介绍介绍项目背景、达到的目标、技术栈和功能演示第2章 课程分析课程分析第3章 Vue进阶(上)对Vue的进阶知识进行讲解,包括$emit和$on、directive指令、组件化、Vue插件等相关内容。第4章 Vue进阶(下)对Vue的进阶知识进行讲解,包括组件通信、过滤器、监听器、Vue ...
分类:
Web程序 时间:
2019-12-31 01:47:10
阅读次数:
198
我们在开发过程中,不可能只在一个组件里面写东西,当一个组件的内容过多时候,我们会把各个块的内容分别作为一个单独的组件分离出去,这些分离出去的组件被叫做子组件,但是一般请求数据的话还是在父组件(最大的外层中)钟情求,这就要求我们要将父组件中的数据传给各个子组件,子组件才能通过v-for指令进行遍历,遍历之后再通过item将数据传给比自己更小的子组件,这样以此类推,最后的小组件再来展示数据,组件开发中
分类:
其他好文 时间:
2019-12-24 10:10:21
阅读次数:
88
父组件 <template> <div class="login"> <div class="main clearfix"> <div style="width:100%;height:60px;border:0px solid rosybrown"> <Search :reuqestData="r ...
分类:
其他好文 时间:
2019-12-17 22:24:08
阅读次数:
108
非父子组件之间的通信,必须要有公共的实例(可以是空的),才能使用 $emit 获取 $on 的数据参数,实现组件通信 第一个组件的数据传递给第二个组件 公共实例文件bus.js,作为公共数控中央总线 import Vue from "vue"; export default new Vue(); 第 ...
分类:
其他好文 时间:
2019-12-15 12:46:36
阅读次数:
102
注:当在a.vue组件上触发点击事件时,就会触发bus上监听的事件,而bus事件监听在b.vue里面,这个时候就会触发b.vue 上的事件监听,而通过回调函数,就可以拿到a.vue组件传过来的数据,从而实现兄弟组件通信。 ###~~bus.js import Vue from "vue" expor ...
分类:
其他好文 时间:
2019-12-14 11:41:04
阅读次数:
172
前言: 如果想要了解非父子关系的组件传值,最好是在了解父传子和子传父的基础上在来了解非父子传值可能会有更透彻的思路。 因为非父子传值是通过定义事件总线来代理实现父传子+子传父从而实现的传值方式。 这是我总结的父子传值相关的知识,可供参考: https://www.cnblogs.com/ViavaC ...
分类:
其他好文 时间:
2019-12-05 01:26:17
阅读次数:
130
首先,子组件代码如下 <template> <div style="border:1px solid black;width:400px;"> <h3>我是子组件里的</h3> <button>点击按钮子组件传递父组件</button> <div>我是父组件传子组件显示的:我还没有值</div> < ...
分类:
其他好文 时间:
2019-12-04 20:29:20
阅读次数:
74
一、props / $emit 下面通过一个例子说明父组件如何向子组件传递数据:在子组件article.vue中如何获取父组件section.vue中的数据articles:['红楼梦', '西游记','三国演义'] // section父组件 <template> <div class="sect ...
分类:
其他好文 时间:
2019-12-04 10:29:39
阅读次数:
94