vue默认插槽的理解与实例代码

什么是插槽

插槽就是子组件中的提供给父组件使用的一个占位符,用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。

默认插槽的理解

就是利用 完全标签() 在它完全标签里写相应的配置(比如:我们需要的功能)

vue默认插槽的理解与实例代码_第1张图片

然后利用 默认插槽这个标签 把写好的会放到这个插槽里去(这个插槽一般式存在于子组件的,所以就可以把父组件写好的东西给子组件了)

vue默认插槽的理解与实例代码_第2张图片

关于写在完全标签里的配置的样式我们既可以写在父组件又可以写在子组件中(因为,1、样式写在父组件时候,样式已经被渲染好了然后放入子组件;2、样式写在子组件时,把配置放入插槽,而插槽所在子组件有css样式会给我们的配置渲染的)

vue默认插槽的理解与实例代码_第3张图片

代码片段

①Category.vue






②App.vue







总结

到此这篇关于vue默认插槽的文章就介绍到这了,更多相关vue默认插槽内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(vue默认插槽的理解与实例代码)