Comment inclure les plugins Vue dans le template de Vue TypeScript?

Question

Comment inclure les plugins Vue au modèle de Vue TypeScript, comme vue-webpack-typescript?

Par exemple, vue-meta.

Je l'ai déjà ajouter à ./src/main.ts ceci:

import * as Meta from 'vue-meta'; 

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

Et ajoutez ceci à ./src/components/home/home.ts composant:

export class HomeComponent extends Vue { 

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

} 

Mais ce ne fonctionne pas, ne montre pas sur le titre écrit ..

Answer 1

Cela n'a rien à voir avec l'inclusion de plugins Vue, je suppose. Si vous définissez correctement le compilateur dactylographique pour fonctionner avec vue, le composant utilisera tous les plugins. Donc, je suppose que ce serait la question de votre utilisation du composant de style de classe.

Selon l'exemple officiel de Vue, vous aurez besoin de vue-class-component pour que Vue reconnaisse les composants de la classe. https://vuejs.org/v2/guide/typescript.html#Class-Style-Vue-Components

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

Bonne chance!