组件封装心得
1. 为什么我们要封装组件?
封装组件有利于提高代码复用性,提高开发效率,提高维护效率。
2. 什么情况下封装组件?
当某个功能或界面元素在应用程序中多次使用时,将其封装成组件可以减少重复代码。
3. 封装组件四要素是什么?
封装组件的四要素分别是:props、slot、event、ref
1)props:props是组件的属性,用于接收从父组件传递的数据,可以在组件内部访问和使用外
部数据,从而实现组件的灵活性和可复用性。
2)slot:slot允许父组件向子组件传递DOM元素,使得子组件的结构和内容由父组件决定。这种
机制使得组件更加灵活,能够适应不同的使用场景,例如,一个弹窗组件可以使用插槽来定义弹
窗内容。
3)event:事件是组件与外部世界通信的一种新方式。组件可以定义自己的事件,并在适当的时
候触发这些事件。
4)ref:ref允许在vue组件中直接操作DOM元素或子组件实例。当需要再父组件中访问子组件的
某个方法或者属性时,可以使用ref。