0
votes

Difficulté à enregistrer la composante NAVBAR dans App.Vue

Essayer de créer une barre de navigation qui existe sur mon application VUE. En venant de réagir, alors j'essaie d'importer ma composante de navigation dans Main.TS et utilisez-la au-dessus de la prise de routeur dans App.Vue. L'application a été générée à l'aide de VUE-CLI avec dossier et routeur.

J'ai essayé d'écrire le composant de navigation avec vue.extend code>, @component code>, exportation par défaut {* / options * /} code>. p>

J'ai essayé d'ajouter une étiquette de script dans App.Vue à l'intérieur de laquelle je voudrais enregistrer la composante de navigation. P>

J'ai importé et enregistré le composant de navigation dans MAIN.TS. P>

NAVIGATION.TS: P>

<template>
  <div id="app">
    <nav-component></nav-component>
    <router-view/>
  </div>
</template>

typescript vue.js vuejs2

0 commentaires

4 Réponses :

0
votes

Il semble que vous importaient une navigation.component xxx

mais vous devez importer la navigation.vue ici. xxx

1 commentaires

Le nom du fichier est navigation.component.ts. J'ai des balises de script avec des attributs SRC liant aux fichiers TS.

1
votes

NAV-composant est utilisé dans app.vue , mais ce fichier n'a pas de composants déclaration pour cela. On dirait que vous l'avez déclaré dans main.ts , mais qui devrait être déplacé dans app.vue , où le composant est réellement utilisé.

^{app.vue: xxx}

Notez également que le