Vue3 组件封装的一些技巧和心得

文章预览

大厂技术    高级前端    Node进阶 点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 在日常开发的过程中，使用 Vue 的组件进行业务拆分，代码解耦是一个很好的选择； 今天就来分享一下我在使用 Vue3 进行组件封装的一些技巧和心得，希望能够帮助到大家； 1. 组件特性 在 Vue 中组件是一个独立的实例，每个组件都有共通点，就是： 属性 、 插槽 、 事件 、 方法 ； 在日常我们使用第三方组件库的时候，组件库的文档都会说明上面四个特性，而组件封装就是围绕这四个特性进行的； 2. 组件封装 2.1 组件继承 很多情况下，我们会在一个组件的基础上进行扩展，这个时候就需要用到组件继承； 在 Vue2 的时候，我们可以使用 extends 关键字进行组件继承，但是在 Vue3 中， extends 关键字已经被废弃了； 在 Vue3 中，如果想要实现组件继承 ………………………………