- 博客(5)
- 收藏
- 关注
RSS订阅原创 Vue 组件（三）非父子组件通信
在实际业务中，除了父子组件通信外，还有很多非父子组件通信的场景。非父子通信组件一般有两种，兄弟组件通信和跨级组件通信。实现非父子组件通信主要有以下三种方法：1、中央事件总线（bus） 使用一个空的 Vue 实例作为中央事件总线，轻量地实现了任何组件间的通信，包括父子、兄弟、跨级组件.示例代码如下：<div id="app"> {{message...
2018-04-16 23:25:56
529
原创 Vue 组件（二）子组件向父组件传递数据
子组件向父组件传递数据有一下两种方式：1、自定义事件子组件用”$emit()“来触发事件，父组件用”$on()“来监听子组件事件。父组件也可以直接在子组件的自定义标签上使用” v-on ” 来监听子组件触发的自定义事件。（因为” v-on “除了监听DOM事件外，还可以用于组件间的自定义事件。）示例代码：<div id="app"> <p&...
2018-04-16 22:48:16
4832
原创 es6 基础语法—set和map
1、set 数据集合 //1、创建一个集合 let set = new Set(['张三','李四','王五']); console.log(set); //2、一个属性 //size属性求集合长度 console.log(set.size); //3、四个方法 //add console.log(set.add('henry').add('buck'...
2018-04-16 17:48:05
440
原创 Vue 组件（一）父组件向子组件传递数据
1、父组件通过props向子组件传递数据组件不仅仅是要把模板的内容进行复用，更重要的是组件间要进行通信。通常父组件的模板中包含子组件，父组件要正向地向子组件传递数据或参数，子组件接收到后根据参数的不同来渲染不同的内容或执行操作。这个正向传递数据的过程就是通过 props 来实现的。组件中，使用选项props来声明需要从父级接收的数据，props的值可以是两种： （1）字符串数组我们...
2018-04-16 17:03:21
22408
2
原创 JavaScript 事件委托（event delegation）
事件委托 是将事件监听添加到父元素，而不是每个子元素单独设置监听器，当触发子元素时，事件会冒泡到父元素，监听器就会触发。这种技术的好处是：内存占用少，因为只需要一个父元素的事件处理程序，而无需为每个后代元素都设置事件处理程序。无需从已删除的元素中解绑处理程序，也无需为新元素绑定处理程序。例子1：<ul id="parent-list"> ...
2018-04-16 10:37:29
1188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人