自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

ZhaoYLi 的编程学习笔记

越努力越幸运

  • 博客(5)
  • 收藏
  • 关注

原创 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 439

原创 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关注的人

提示
确定要删除当前文章?
取消 删除