Javascript 在带有Nuxt的模板中使用Mixin

Javascript 在带有Nuxt的模板中使用Mixin,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,我试图在模板中调用mixin函数。Vue文档说mixin和组件合并了,但我不能调用该函数 getImage不是一个函数 Mixin export default { data() { return { l: 2, output: 'webp' } }, methods: { getImage() { return 'www.example.url' } } } 组件 <template> <

我试图在模板中调用mixin函数。Vue文档说mixin和组件合并了,但我不能调用该函数

getImage不是一个函数

Mixin

export default {
  data() {
    return {
      l: 2,
      output: 'webp'
    }
  },
  methods: {
    getImage() {
      return 'www.example.url'
    }
  }
}
组件

<template>
  <v-img :src="getImage()" />
</template>

<script>
import imageMixin from '~/mixins/image'

export default {
  name: 'New',
  mixin: { imageMixin }
}
</script>

<style scoped></style>

从“~/mixins/image”导入imageMixin
导出默认值{
名称:'新',
mixin:{imageMixin}
}

mixin:{imageMixin}
更改为
mixin:[imageMixin]
谢谢。严重的错误。