vue实现部分页面导入底部 vue配置公用头部、底部，可控制显示隐藏 在app.vue文件里引入公共的header 和 footer header 和 footer 默认显示，例如某个页面不需要显示header 可以使用 this.$emit('header',false); 来控制header不显 ...
分类：
其他好文 时间：
2020-03-18 18:34:19
阅读次数：
103
1.服务端： io.on('connection',function(socket)); 监听客户端连接,回调函数会传递本次连接的socket，一般的代码就写在这个回调里 io.sockets.emit('String',data); 给所有客户端广播消息，String就是自定义的事件名称，data ...
分类：
其他好文 时间：
2020-03-15 00:10:30
阅读次数：
83
vue子组件，调用父组件中有三种方法哈！下面我们一起来讲解。 第一种使用 直接在子组件中通过this.$parent.父组件中的方法。来调用父组件的方法 第一种的缺点是不能够传递参数哈。它只能够调用方法。 第二种 方法是在子组件里用$emit向父组件触发一个事件，父组件监听这个事件就行了 可以传递参 ...
分类：
其他好文 时间：
2020-03-11 01:14:29
阅读次数：
58
通过$emit 实现实现父子组件间通信 我们先创建一个叫parent的组件和一个叫son的组件 <template> <div> {{city}} <br /> <Son :city="city" @changeCity="changeCity" /> </div> </template> <scr ...
分类：
其他好文 时间：
2020-03-10 11:55:12
阅读次数：
39
1.全局引入bus Vue.prototype.$bus = new.Vue() 2.组件间传值使用(在发送事件时接收组件会实时接收到， 可以用做兄弟组件间相互传值， 但页面跳转组件间有问题 通过$emit发送，$on接收) <div style="float: left; width: 15%; ...
分类：
其他好文 时间：
2020-02-28 15:53:16
阅读次数：
53
实现功能：1、子组件的input输入，改变父组件信息2、父组件对子组件1，3进行监听与控制3、子组件1与子组件3相互关联父子双向通信流程：子组件的input通过事件监听->控制子组件的data中变量/向父组件$emit子事件及变量父组件监听到$emit事件及变量，赋予父组件的变量，通过props传到 ...
分类：
其他好文 时间：
2020-02-14 14:47:35
阅读次数：
63
子组件传递信息至父组件：1、子组件发射自定义事件及信息，自定义事件名称b=function(){this.$emit("发射事件a"，参数)}2、自定义模版中，设置对自定义事件的触发条件监听，如@click=“自定义事件b”3、父组件中设置监听，@“发射事件a及参数”="父组件事件c及参数"，实现将 ...
分类：
其他好文 时间：
2020-02-13 13:23:52
阅读次数：
93
朝颜陌 vue基础 组件通信（props,$emit,$attrs,$listeners） 一、父传子，子传孙 1. props 1>在父组件中通过子组件自定义的标签属性来传递数据。 2>在子组件中通过props声明希望用到的数据 1 <body> 2 <div id="app"> 3 <my-fa ...
分类：
其他好文 时间：
2020-02-07 17:08:03
阅读次数：
65
vue的一大特色就是组件化，所以组件之间的数据交互是非常重要，而我们经常使用组件之间的通信的方法有：props,$refs和emit。 初识组件之间的通信的属性和方法 props的使用 子组件使用父组件的数据，使用vue的属性props。 当我们在父组件parent里面嵌套一个子组件son的时候，如 ...
分类：
其他好文 时间：
2020-02-07 12:42:08
阅读次数：
74
在使用iview框架的时候，经常会看到组件用v-model双向绑定数据，与传统步骤父组件通过props传值子组件，子组件发送$emit来修改值相比，这种方式避免操作子组件的同时再操作父组件，显得子组件的封装效果更好。所以，个人认为，我们自己封装组件也应该有这样的思维，父组件通过slot或者props ...
分类：
其他好文 时间：
2020-02-04 18:34:53
阅读次数：
53
