组件封装心得

组件封装心得

1. 为什么我们要封装组件？

封装组件有利于提高代码复用性，提高开发效率，提高维护效率。

2. 什么情况下封装组件?

当某个功能或界面元素在应用程序中多次使用时，将其封装成组件可以减少重复代码。

3. 封装组件四要素是什么？

封装组件的四要素分别是:props、slot、event、ref
1）props：props是组件的属性，用于接收从父组件传递的数据，可以在组件内部访问和使用外
部数据，从而实现组件的灵活性和可复用性。
2）slot：slot允许父组件向子组件传递DOM元素，使得子组件的结构和内容由父组件决定。这种
机制使得组件更加灵活，能够适应不同的使用场景，例如，一个弹窗组件可以使用插槽来定义弹
窗内容。
3）event：事件是组件与外部世界通信的一种新方式。组件可以定义自己的事件，并在适当的时
候触发这些事件。
4）ref：ref允许在vue组件中直接操作DOM元素或子组件实例。当需要再父组件中访问子组件的
某个方法或者属性时，可以使用ref。