Vuetifyでレスポンシブなwidth、heightを取得する

以下のプロパティからレスポンシブな値が取得できる。

• $vuetify.breakpoint.width
• $vuetify.breakpoint.height

環境

• Vuetify 2.1.0

サンプル

<template>
  <v-data-table
    :headers="headers"
    :items="items"
    :options="options"
    :height="$vuetify.breakpoint.height - 200"
  >
  </v-data-table>
</template>

参考

• Breakpoints — Vuetify.js