props

昨天介绍了component，也知道要使用component要先注册才能使用，而今天我们要介绍的是props

我们先利用官网的说明来介绍props

All props form a one-way-down binding between the child property and the parent one: when the parent property updates, it will flow down to the child, but not the other way around. This prevents child components from accidentally mutating the parent’s state, which can make your app’s data flow harder to understand.

从这里我们可以知道props预设的是单向绑定，它只会从上往下传递资料也就是说可以透过props把父属性的资料传给子属性，但子属性修改的东西不会去影响到父属性

今天的范例是注册component-lorem这个组件，而使用到的props是loremtitle和lorem也就是我们的文章标题和内容；如果用一本书解释component和props的话，component就是书里面放文字的页面，那麽props就是要让每一个文字页面的文章标题和内容是固定格式的接口，而表单的话也是同样的道理，component就像是一张A4大小的纸，props就像是表单中的每个固定栏位的接口；也就是说component是一个独立的模组，所以如果你要使用很多个相同且独立的模组就可以使用component，而props就是用来让我们在模组中插入东西的固定格式的接口

Demo
github