<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg> <p>vue组件</p> 讯享网
组件的本质是一个可复用的小号vue实例
根组件
vue实例（new Vue）是最大的跟组件
全局组件
Vue.component(‘组件名‘，配置对象) 全局组件可以用在不同实例中
局部组件
局部组件只能定义在组件中（实例中）
组件间通信
子组件获取父组件数据
父组件：
子组件:
讯享网
子组件通过props获取到父组件的值，props可以定义这个值的类型以及父组件是否必须传值
父组件获取子组件数据
子组件
父组件
讯享网
多级组件通信
slot插槽
slot 与props的区别
匿名插槽，具名插槽
匿名插槽
一个组件只能有一个匿名插槽
可以放在组件的任意位置
匿名插槽只能作为没有slot属性的元素的插槽
具名插槽
具有名字的插槽，名字通过属性定义
一个组件中可以有多个具名插槽，可以出现在不同位置
作用域插槽
讯享网
多个作用域
插槽的省略
匿名插槽省略（组件中有多个插槽时，default不可省略）
可省略为
亦可省略为
具名插槽省略
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/142074.html