vue2.1.x 新增作用域插槽
Posted Hfsuccess
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2.1.x 新增作用域插槽相关的知识,希望对你有一定的参考价值。
1.定义:
作用域插槽是一种特殊类型的插槽,用作使用一个(能够传递数据到)到可重用模板替换已渲染元素。
在子组件中,只需将数据传递到插槽,就像你将props传递给组件一样。
注:在父级中,具有特殊属性scope的<template>元素,表示他是作用域插槽的模板。scope的值对应一个临时变量名,此变量接收从子组件中传递的prop对象:
实例如下:
实例的输出结果为:
2。作用域插槽更具代表性的用例是列表组件,允许组件自定义应该如何渲染列表每一项:
输出结果为:
其实质是在不同的作用域内进行传值。
以上是关于vue2.1.x 新增作用域插槽的主要内容,如果未能解决你的问题,请参考以下文章