props,$emit

props

数字を使いたいファイル(渡される側)のところでprops:['number']のように定義する
渡す側のファイルでのようにnumberの指定
※親コンポーネントに置いているデータを使いたいときは、
の部分を
のようにしてv-bindでくっつける
v-bindはデータを動的に扱うためのもの

$emit 子から親にデータを送る

  methods:{
        increment(){
            this.$emit("my-click",this.totalNumber+1);
        }
    }

<LikeNumber v-bind:totalNumber="number" v-on:my-click="number=$event"></LikeNumber>

親のscriptにmethodsを書いて受け取る方法

export default {
  data(){
    return {
      number:14
    };
  },
  components:{
    LikeHeader
  },
  methods:{
    incrementNumber(value){
      this.number=value　　#valueで$emitの値を受け取ることができる
    }
  }
}
</script>