插槽和动态组件

插槽

使用场景:父组件想向子组件中传递dom元素的时候

slot:普通插槽,具名插槽

v-solt只能用在template标签上面

默认:v-slot:default

父组件:

 

 子组件:

 

作用域插槽:

让插槽能访问到只有子组件中才能访问的数据

 

 

 

 动态组件

 

 组件缓存:keep-live

在compontent外面包裹一层keep-live标签,就可以保存组件中的input的选中值等状态了

 

posted @ 2021-11-08 15:03  橘橙夏日  阅读(40)  评论(0编辑  收藏  举报