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 的資訊。