关于vue.js中作用域插槽的实例

如果说props是父组件传递给子组件的字符串或者数值,那么slot就是父组件传递给子组件的html标签。

根据vue.js的官方文档(点击打开链接)作用域插槽是一种特殊类型的插槽,用作一个 (能被传递数据的) 可重用模板,来代替已经渲染好的元素。下面是我根据我对文档的例子的理解自己写的一个小例子,父组件通过props把uesrs传递给子组件,子组件通过v-for来进行列表渲染。需要注意的是:我一开始写的是

>
序号名字年龄
{{item.num}}{{item.name}}{{item.age}}

结果会出现错误,找了一下原因是因为v-for的渲染写错了应该用来进行多元素渲染。




	vue 作用域插槽的表格的例子
	
	
	
      
    


	

结果显示:

关于vue.js中作用域插槽的实例_第1张图片

你可能感兴趣的:(个人总结)