Fichier App.vue
<template lang="pug"> div hello-world </template> <script setup lang="ts"> import HelloWorld from "./components/HelloWorld.vue"; </script>
Fichier HelloWorld.vue
<template lang="pug"> div h1 {{ msg }} </template> <script setup lang="ts"> import { ref } from "vue"; const msg = ref<string>("Hello World!!!"); </script>
Quel est le problème et comment le résoudre ? Nous avons rencontré ce problème lors de l'utilisation conjointe de TypeScript, de l'API de composition et du modèle Carlin dans vue3. Vous vous demandez comment importer un composant à l'aide de l'API de composition et l'utiliser dans un modèle carlin??
Je suis presque s?r que le problème vient de la préinstallation de TypeScript. Supprimer Typescript en tant que langage de script devrait faire l'affaire?:?
au lieu de
Si vous ne souhaitez pas le supprimer, essayez de découvrir en quoi le composant TypeScript est différent du composant js normal. Désolé, je ne connais pas grand-chose à Typescript, tout ce que je sais, c'est que cela a changé la fa?on dont les composants fonctionnent car ils s'appuient désormais davantage sur Typescript que sur Javascript. Mais je suppose que la documentation de vue 3 contient des informations sur l'utilisation de TypeScript.