Vue2-count组件声明props自定义属性

1、props是组件的自定义属性，在封装通用组件的时候，合理地使用props可以极大的提高组件的复用性

//子组件
export default{
    //组件的自定义属性
    props:['自定义属性A','自定义属性B'，'...'],

    //组件的私有数据
    data(){
        return {}
    }
}

//调用组件
<template>
  <div class="left-container">
    <h5>
        Left组件
    </h5>
    <hr>

    <MyCount init="9"></MyCount>
  </div>
</template>

2、props是只读的，程序源不能直接修改props的值。否则会直接报错。

3、想要修改props的值，可以把props的值转存到data中，因为data中的数据都是可读可写的

4、props的default默认值

在声明自定义属性时，可以通过default来定义属性的默认值

export default{
    props:{
        init:{
            //用default属性定义属性的默认值
            default:0
        }
    }
}