初识Vue-组件化开发（详解各个组件）

目录

一、组件介绍

1.概念

2.特点

3.作用

4.应用

5.分类

二、组件语法

1.定义挂载vue应用

2.注册全局组件

实例

1.自定义组件

2.计数器

3.组件的复用

4.局部组件

实例

5.Prop

6.动态Prop

7.Prop 验证

三、创建组件的关键概念和语法

1. 组件定义

2. 组件选项

3. 单文件组件

4. Props

5. Emit 事件

四、总结

---

一、组件介绍

1.概念

Vue.js中的组件是可复用的Vue实例，具有自己的模板、逻辑和样式。组件允许开发者将页面分割成独立、可复用的模块，使得代码更易维护、可读性更高。

2.特点

1. 模块化: 组件可以根据功能或UI部分进行划分，使得代码更加模块化，易于管理和维护。
2. 可复用性: 组件可以被多次使用，不同的页面或应用中都可以引用同一个组件，提高了代码的复用性。
3. 独立性: 每个组件都是相互独立的，组件之间的状态和逻辑不会相互影响，有利于代码的解耦和扩展。
4. 单文件组件: Vue提供了单文件组件（.vue文件），将组件的模板、样式和逻辑封装在一个文件中，使得组件的结构更清晰，易于维护。

3.作用

1. 页面划分: 将页面划分为独立的组件，提高了代码的组织性和可维护性。
2. 代码复用