vue插槽（vue插槽传递数据）



vue组件

组件的本质是一个可复用的小号vue实例
根组件

vue实例（new Vue）是最大的跟组件

全局组件

Vue.component('组件名‘，配置对象) 全局组件可以用在不同实例中

局部组件

局部组件只能定义在组件中（实例中）

组件间通信

子组件获取父组件数据

父组件：

子组件:

子组件通过props获取到父组件的值，props可以定义这个值的类型以及父组件是否必须传值

父组件获取子组件数据
子组件

父组件

多级组件通信

slot插槽

slot 与props的区别

匿名插槽，具名插槽

匿名插槽
一个组件只能有一个匿名插槽
可以放在组件的任意位置
匿名插槽只能作为没有slot属性的元素的插槽

具名插槽
具有名字的插槽，名字通过属性定义

一个组件中可以有多个具名插槽，可以出现在不同位置

作用域插槽

多个作用域

插槽的省略

匿名插槽省略（组件中有多个插槽时，default不可省略）

可省略为
亦可省略为
具名插槽省略

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/sjkxydsj/70297.html