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

Question

导入 vuetify 内置指令的正确方法是什么？喜欢 this one.

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

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

Answer 2

接受的答案适用于 Vuetify 1，对于 Vuetify 2 你应该使用：

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

Vue.use(Vuetify, {
  directives: {
    Resize
  }
});

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

What is the correct way to import vuetify's directives?

vuetify.js