组件的props

一、props概念

为提高组件的复用性，组件封装原则：
①组件的DOM结构、Style样式要尽量复用
②组件中要展示的数据，尽量由组件的使用者提高

为了方便使用者为组件提供要展示的数据，vue组件提供props。
props组件的使用者可以通过props把数据传递到子组件内部，供子组件内部使用：
例子：
通过自定义props，把文章的标题和作者，传递到my-article组件中。

<my-article title="奥特曼的街区" author="欧皇"></my-article>

props的作用：父组件通过props向子组件传递要展示的数据。
props的好处:提高代码复用性。

二、在组件中声明props
在封装vue组件时，可以把动态的数据项声明为props自定义属性。自定义属性可以在组件的结构模板中直接使用。
使用流程：
在组件HelloWorld.vue中

<div>
    <h3>标题：{
  {title}}