组件封装(混混. 混)

68 阅读1分钟

封装一个组件: 一、props 二、slot 插槽:父传结构给子(除3) 1.默认插槽:写在组件内,父级通过写在两个组件标签中内容来传递给子组件(写slot)的位置 附:(1).slot中写的内容是父级没有传递时显示 (2).父级传递的内容在子级写样式(不一定对) 2.具名插槽:给组件的slot写name=‘’,父级两个标签内内容写slot=‘’,来决定内容放到组件哪里 3.作用域插槽:子组件写在slot里面 :名称=变量,父级写在两个标签中间scope=“任意名字”(scope=“任意名字”写在template和/template内),父级可以接收到子组件的data值 三、event 题外话:ref写在组件标签上,父级可以得到组件实例对象

image.png