导入 vuetify 指令的正确方法是什么？

Question

导入 vuetify 内置指令的正确方法是什么？像这个。

我正在这样做，这有效但看起来有点糟糕：

import { Vuetify, VApp, VNavigationDrawer, VProgressLinear, VList, VBtn, VIcon, VGrid, VToolbar } from 'vuetify';
import * as directives from 'vuetify/es5/directives';

Vue.use(Vuetify, {
  components: { VApp, VNavigationDrawer, VProgressLinear, VList, VBtn, VIcon, VGrid, VToolbar },
  directives,
  theme: {
    ...
  }
});

后来在我的.vue文件中：

<template>
  <div v-resize="resize">
    ...
  </div>
</template>

<script>
  export default {
    methods: {
      resize() {
        ...
      }
    }
  };
</script>

注意：接受的答案适用于 Vuetify 1，对于 Vuetify 2，请参阅下面的我的答案。

Answer 1

如果您只想调整大小指令，则干净的解决方案

import { Resize } from 'vuetify/es5/directives';

简单地说：

export default {
 ....
  directives : {
     Resize
  }
}