插槽slot
普通插槽
插槽能决定组件的某一位置存放什么内容元素
子组件使用一个slot标签开启插槽,slot标签内部也可以写默认内容,如果父组件没有传内容过来,则展示slot内部的默认内容
具名插槽
如果父组件传入多个标签,那子组件每个插槽默认都会接收到这多个标签。这个时候如果需要指定哪个标签对应哪个插槽,就需要使用具名插槽。
子组件需要设置name指定标签存放的插槽,如果没有设定name,那么会隐式的绑定一个值为default的name
父组件规定插槽名称的三种写法,先用template包裹需要传递的内容。
1.用v-slot:插槽名
2.如果插槽名是data里面的属性,需要用[ ]包裹才能正确传递
3.v-slot:可以用#缩写,切记缩写后已包括冒号
作用域插槽
在渲染作用域下,父组件是无法访问子组件的内容的,但是通过作用于插槽就可以做到。ElementUI渲染表格时,就有使用到作用域插槽。