<template>
    <div>
<input type="button" value="点击" @click="changeCount">
<p> {{ count1 }} </p>

    </div>
</template>

<script>

export default{
   name:"count",
   props:{
      count:{
          type:Number, /* 类型 */
          default:100 , /* 外界没有传值 则默认值为100  */
          required:false /*必填  */
      },
      msg:String  /* 没有默认值 可以这样写  只是可读属性 不能直接修改会报错 你可以把值转接到data属性中 */
   },
   data(){
       return {
           count1:this.count
       }
   },

   methods:{
       changeCount(){
           this.count1++;
       }
   }
}
</script>