vue.jsの自分用メモ書き

◆ボックスの情報を取得
１、refで名前を指定

<div ref="box"></div>

2、要素の情報を取得（下記では高さ）
let scrollHeight = this.$refs.box.clientHeight;

◆子供要素から親要素に値を渡す
１、親に値を渡す
this.$emit(‘hogehoge’, this.index);

２、親（受け側）
@hogehoge=”fugacheck”
fugacheck(e) {
console.log(e);
}

◆値が更新されたタイミングで動作させる

watch: {
'hogehoe': {
      handler() {
        console.log('更新された');
      },
      deep: true
    }
}

※this.◯◯の場合　’◯◯’と文字列で指定をいれる

◆更新したデータが反映されない場合
objを使って配列を更新