vue.jsの自分用メモ書き

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

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

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

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

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

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

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

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

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