Javascript 组件应该是什么？_Javascript_Angularjs_Reactjs_Vue.js_Components

Javascript 组件应该是什么？

javascript angularjs reactjs vue.js

Javascript 组件应该是什么？,javascript,angularjs,reactjs,vue.js,components,Javascript,Angularjs,Reactjs,Vue.js,Components,我一直在苦苦思索什么是组件例如：我有一个页面，里面的所有内容都只与自身相关我在每个表单控件上都有一个文本输入；我需要将其包装在组件中吗？但是每个地方都需要一种不同的验证和其他只与之相关的东西，那么为什么要这样做呢通常，当涉及到表单时，只有样式是相同的，那么为什么我们需要将其包装到组件中呢？我们可以与CSS共享样式 tl；博士组件是一个可重用的封装件。类似于。这不是火箭科学，不同的人可能会把他们的应用程序分成不同的组件也就是说，有足够多的教程/文章可以帮助您了解何时创建组件。要开始，

我一直在苦苦思索什么是组件

例如：

我有一个页面，里面的所有内容都只与自身相关
我在每个表单控件上都有一个文本输入；我需要将其包装在组件中吗？但是每个地方都需要一种不同的验证和其他只与之相关的东西，那么为什么要这样做呢

通常，当涉及到表单时，只有样式是相同的，那么为什么我们需要将其包装到组件中呢？我们可以与CSS共享样式

tl；博士组件是一个可重用的封装件。类似于。这不是火箭科学，不同的人可能会把他们的应用程序分成不同的组件

也就是说，有足够多的教程/文章可以帮助您了解何时创建组件。要开始，请执行以下操作：

跨代码的多个文件/部分重用代码
封装某些代码的复杂性，以便其他开发人员可以使用它，而无需了解其实现细节；只需要看看
```
道具
```
您需要在特定的生命周期挂钩中执行某些操作，例如，在组件更新时在
```
componentdiddupdate
```
中执行某些操作
您希望渲染，并且必须为代码的某些部分实现
```
shouldComponentUpdate
```

跨代码的多个文件/部分重用代码
封装某些代码的复杂性，以便其他开发人员可以使用它，而无需了解其实现细节；只需要看看
```
道具
```
您需要在特定的生命周期挂钩中执行某些操作，例如，在组件更新时在
```
componentdiddupdate
```
中执行某些操作
您希望渲染，并且必须为代码的某些部分实现
```
shouldComponentUpdate
```