#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>