App.vue 文件
<template lang="pug"> div hello-world </template> <script setup lang="ts"> import HelloWorld from "./components/HelloWorld.vue"; </script>
HelloWorld.vue 文件
<template lang="pug"> div h1 {{ msg }} </template> <script setup lang="ts"> import { ref } from "vue"; const msg = ref<string>("Hello World!!!"); </script>
问题是什么以及如何解决?在 vue3 中同时使用 typescript、composition API 和 pug 模板时遇到此问题。关心的是如何使用组合 API 导入组件并在 pug 模板中使用它?
P粉7624473632024-03-30 11:27:24
我很确定问题来自预安装打字稿。删除打字稿作为脚本语言应该可以解决问题:
而不是
如果您不想删除它,请尝试找出打字稿组件与普通 js 组件的外观有何不同。抱歉,我对 Typescript 了解不多,我所知道的是它改变了组件的工作方式,因为它们现在更多地依赖于 Typescript 而不是 javascript。但我猜想 vue 3 文档上有关于使用 typescript 的信息。