vue复习之插槽写法vue2.5和vue2.6差异

vue2.5的插槽语法是这样的：

1.在模板里<slot name="xxx"><.slot>来标记一个name为xxx的插槽用来占位
2.在使用组件的时候，组件标签中间写入内容，用slot="xxx"来找到模板里插槽的对应位置

再看一个例子：


效果：

vue2.6的插槽语法是这样的：

子组件写法一样，都是定义一个slot标签指定插槽的位置

在使用子组件的时候，插入插槽的内容要用template标签包裹起来，并且在tamplate中通过v-slot:xxx指定插槽对应的名字

效果：

vue 2.6的插槽语法还支持插槽传参