Как включить плагины Vue в шаблон Vue TypeScript?

Question

Как включить плагины Vue в шаблон Vue TypeScript, например https://github.com/ducksoupdev/vue-webpack-typescript?

Например, vue-meta.

Я уже добавляю в ./src/main.ts этот:

import * as Meta from 'vue-meta';

Vue.use(Meta, {
  keyName: 'head', 
  attribute: 'data-vue-meta', 
  ssrAttribute: 'data-vue-meta-ssr', 
  tagIDKeyName: 'vmid'
});

И добавить это к ./src/components/home/home.ts составная часть:

export class HomeComponent extends Vue {

  static head() {
    return {
      title: 'Test'
    }
  }

}

Но это не работает, не показывать поверх написанного названия..

Answer 1

Я полагаю, это не имеет ничего общего с включением плагинов Vue. Если вы правильно настроите компилятор машинописи для работы с vue, компонент будет использовать любые плагины. Так что я думаю, что это будет проблема использования компонента стиля класса.

Согласно официальному примеру Vue, вам понадобится vue-class-component чтобы Vue распознал компоненты класса. https://vuejs.org/v2/guide/typescript.html

@Component
export class MyMixin extends Vue {
  mixinValue = 'Hello'
}

Удачи!

Answer 2

Может быть, вы должны написать это в Component decorator:

@Component({
  head () {
    return {
      title: 'test'
    }
  }
})
export class Test extends Vue {}