vue学习笔记之作用域插槽实例分析
本文实例讲述了vue学习笔记之作用域插槽。分享给大家供大家参考,具体如下:
Vue.component('child',{ data:function(){ return{ list:[1,2,3] } }, template:'' })
{{item}}
那么,我们要想让父组件每一次调用子组件时再定义显示方式,也就是说,在子组件中定义好了v-for循环了list,具体怎么显示,由父组件告诉我。那么在子组件中定义一个slot插槽,在父组件中添加一个作用域插槽【需要用template包裹】,在其内写显示的样式。
父组件需要得到子组件数据时,就需要template标签。
vue中作用域插槽 {{props.item}}