什么是封装Vue组件？还能让代码变得更加整洁和易于维护文件名通常是 组件名称.vue
什么是封装Vue组件？
封装Vue组件就像是把一些常用的代码打包成一个“小盒子”，这样在其他项目或者页面上需要用到这些代码时，就可以直接“拿过来用”，这样不仅能节省时间，还能让代码变得更加整洁和易于维护。怎么封装Vue组件呢？
封装Vue组件主要分为四个步骤：- 创建组件文件：在项目的合适位置创建一个新的文件，比如
Button.vue。 - 定义组件：在文件里定义组件的结构、数据和样式。结构用
template，数据用script，样式用style。 - 注册组件：告诉Vue这个组件存在，可以通过全局注册或局部注册。
- 使用组件：在其他组件或页面中使用这个组件，就像使用HTML标签一样。
创建组件文件
创建一个组件文件，通常会在项目的某个目录下创建，比如components 目录。文件名通常是 组件名称.vue。
比如，创建一个 Button.vue 文件：