要使用 .vue 檔,首先我們要先弄好環境,可以參考這篇 Vite 的安裝。
接著我們準備一個簡單的 Card.vue 檔,放在 src/views/ 資料夾內,簡單長這樣:
<template lang="">
<div>
card
</div>
</template>
<script>
export default {
}
</script>
接著在要讀入的 .vue 檔裡,先 import 後再使用:
<template lang="">
<div>
<card></card>
</div>
</template>
<script>
import Card from "./Card.vue";
export default {
name: "About",
data() {
return {
};
},
components: {
Card,
},
};
</script>
這樣就可以在 .vue 檔裡面使用其他的 .vue 檔了。