vue2.1.x 新增作用域插槽
2017-06-22 15:37
211 查看
1.定义:
作用域插槽是一种特殊类型的插槽,用作使用一个(能够传递数据到)到可重用模板替换已渲染元素。
在子组件中,只需将数据传递到插槽,就像你将props传递给组件一样。
注:在父级中,具有特殊属性scope的<template>元素,表示他是作用域插槽的模板。scope的值对应一个临时变量名,此变量接收从子组件中传递的prop对象:
实例如下:
实例的输出结果为:
2。作用域插槽更具代表性的用例是列表组件,允许组件自定义应该如何渲染列表每一项:
输出结果为:
其实质是在不同的作用域内进行传值。
作用域插槽是一种特殊类型的插槽,用作使用一个(能够传递数据到)到可重用模板替换已渲染元素。
在子组件中,只需将数据传递到插槽,就像你将props传递给组件一样。
注:在父级中,具有特殊属性scope的<template>元素,表示他是作用域插槽的模板。scope的值对应一个临时变量名,此变量接收从子组件中传递的prop对象:
实例如下:
实例的输出结果为:
2。作用域插槽更具代表性的用例是列表组件,允许组件自定义应该如何渲染列表每一项:
输出结果为:
其实质是在不同的作用域内进行传值。
相关文章推荐
- Vue 组件3 作用域插槽
- Vue 作用域插槽 列表组件 示例
- 关于vue.js中作用域插槽的实例
- 使用slot分发内容 作用域插槽
- 解除装饰器作用(python3新增)
- Vue作用域插槽slot-scope实例代码
- 关于作用域插槽渲染li实例详解及数据传递流程
- 作用域插槽列表的简单应用实例
- vue作用域插槽例子
- 浅谈解除装饰器作用(python3新增)
- Vue 作用域插槽
- DELL 1330复活计内存条的插槽出问题就会使本本出现:开机后只有电源灯和那个A灯(网上查的是充电、放电的指示灯,我想这个是不是跟电源灯作用一样,只要插电源就会亮),在亮47秒后,断电、关机。
- Linux 添加新硬盘 LVM操作(作用:新增硬盘的卷管理)
- Redis集群与插槽分配(动态新增或删除结点)
- vue中的作用域插槽--理解(slot-scope)
- 作用域插槽理解
- MySQL批量新增语句中ON DUPLICATE KEY 的作用
- 在VS05里直接建数据库为什么有时对表增、删、改会没有作用?
- flash绘图API :flash player11新增的绘图API方法--cubicCurveTo
- Ubuntu下各个目录的一般作用