封装功能函数和组件

1.封装功能函数

1.功能点要明确
2.函数内部应该保留固定代码(静态的)
3.将动态的数据抽取成形参，由使用者根据自身的情况动态的传入实参
4.一个良好的函数应该设置形参的默认值（ES6的形参默认值）

2.封装功能组件

1.功能点要明确
2.组件内部应该保留固定代码
3.将动态的数据抽取成prop参数，由使用者根据自身的情况以标签的形式动态的传入props数据
4.一个良好的组件应该设置组件的必要性以及组件的数据类型

 props{
        msg:{
            required:ture,
            default:默认值,
            type:string
        }
    }