关于官网作用域实例详解
在 2.5.0+,slot-scope 能被用在任意元素或组件中而不再局限于 <template>。
作用域插槽更典型的用例是在列表组件中,允许使用者自定义如何渲染列表的每一项。
官网上的实例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="vue.js"></script>
</head>
<body>
<div id="app" >
<my-awesome-list :items="items"><!-- "items"是父组件"app"中的data,用属性items接收 -->
<!-- slot具名插槽,slot-scope用来接收子组件传来的prop对象 ,这个prop是子组件传来的,即<slot>中的属性数据-->
<li slot="chacao" slot-scope="props"