Vue作用域插槽实现方法及作用详解
默认插槽和具名插槽的概念比较好理解,这里主要以官方文档的案例来讲解一下作用域插槽。首先是有一个currentUser的组件:然而该页面无法正常工作,因为只有currentUser可以访问到user,出错的地方在这里:然后,引入一个插槽prop:接着,需要给v-slot带一个值来定义我们提供的插槽 prop 的名字:简单的讲作用域插槽就是让插槽内容能够访问子组件中才有的数据,修改后便可以正常工作了。
用户评论
默认插槽和具名插槽的概念比较好理解,这里主要以官方文档的案例来讲解一下作用域插槽。首先是有一个currentUser的组件:然而该页面无法正常工作,因为只有currentUser可以访问到user,出错的地方在这里:然后,引入一个插槽prop:接着,需要给v-slot带一个值来定义我们提供的插槽 prop 的名字:简单的讲作用域插槽就是让插槽内容能够访问子组件中才有的数据,修改后便可以正常工作了。