vue中子向父组件传递数据一般用$emit自定义事件，在父组件中监听这个事件并在回调中写相关逻辑。 // 父组件监听子组件定义的事件 <editor :inputIndex="index" @editorEmit='editorEmit'></editor> // 子组件需要返回数据时执行，并可以传 ...
分类：
其他好文 时间：
2019-11-12 11:28:20
阅读次数：
112
重点1： 一但赋值内容，光标会失去，导致光标到第一位 解决方法 设置一个状态位isChange，编辑的时候不进行watch更新，因为emit会自动改变外层的值，触发watch 解决方法2 找回上一次的值进行替换 重点2：div可编辑 contenteditable="true" 重点3：div内只能 ...
分类：
其他好文 时间：
2019-11-06 15:00:57
阅读次数：
141
1、$emit的使用场景 子组件调用父组件的方法并传递数据注意：子组件标签中的时间也不区分大小写要用“-”隔开 子组件： <template> <button @click="emitEvent">点击我</button> </template> <script> export default { ...
分类：
其他好文 时间：
2019-11-06 13:08:33
阅读次数：
114
子组件：<template> <button @click="clickme">点击我</button></template><script> export default { data() { return { message: "我是要传递的数据" } }, methods: { clickme ...
分类：
其他好文 时间：
2019-11-05 12:02:36
阅读次数：
92
Socket.io 服务端(结合Express/Koa)： 客户端： socket.io最核心的两个api就是emit 和 on了 ，服务端和客户端都有这两个api。通过 emit 和 on可以实现服务器与客户端之间的双向通信。emit ：发射一个事件，第一个参数为事件名，第二个参数为要发送的数据， ...
分类：
其他好文 时间：
2019-11-04 21:35:54
阅读次数：
108
子组件通过this.$emit方式向父组件传递参数的问题 子组件通过this.$emit向父组件传递参数，并且又需要在父组件中使用自定义参数的时候，对应下面两种情况，来接受参数 子组件传出单个参数时： // 子组件 this.$emit('test',this.param) // 父组件 @test ...
分类：
其他好文 时间：
2019-11-03 01:10:28
阅读次数：
640
组件间不同的使用场景可分为 3 类： 父子通信：Props / $emit，$emit / $on，Vuex，$attrs / ?$listeners，provide/inject，$parent / $children＆$refs 兄弟通信：$emit / $on，Vuex 隔代（跨级）通信：$e ...
分类：
其他好文 时间：
2019-10-28 12:14:29
阅读次数：
126
一、组件传值 1.父组件向子组件传值 因为子组件本身不能拿到父组件的data数据来用，所以在子组件里用props接收，props是一个数组 2.子组件向父组件传值 子组件不能直接使用父组件的data和methods，子组件向父组件传值用 @和$emit实现(通过函数的形式传出，在父组件接收) 做法： ...
分类：
其他好文 时间：
2019-10-28 10:27:25
阅读次数：
73
一、组件间的关系 1、父子关系 2、兄弟关系 3、隔代关系 二、组件间的通信方式 1、props 2、$emit/$on 3、VUEX 4、$parent/$children 5、$attrs/$listeners 6、provide/inject 三、通信方式举例 新建了一个过程，采用webpac ...
分类：
其他好文 时间：
2019-10-26 10:28:26
阅读次数：
121
事件广播 发送方调用emit方法，接收方调用on方法，无论发送方或是接收方，都会工作在一个频道 接收方 回调函数 ...
分类：
Web程序 时间：
2019-10-25 13:32:36
阅读次数：
115
