Vue的三种插槽模式

插槽

作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件 ===> 子组件 。分类：默认插槽、具名插槽、作用域插槽使用方式：

默认插槽：

父组件中：

具名插槽：

父组件中： 子组件中：

作用域插槽：

理解：数据在组件的自身，但根据数据生成的结构需要组件的使用者来决定。（games数据在Category组件中，但使用数据所遍历出来的结构由App组件决定）具体编码：

父组件中： 子组件中：

箴言：因为这些东西是非常简单的。不要抱怨自己学不会，那是因为你没有足够用心。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。