我是Vue的新手，在兩個不同的頁面上顯示兩個不同的圖像有問題。它顯示了鏈接到& quot比特幣. & quot在兩頁上。

我將粘貼我的部分代碼，這樣你就可以看到代碼的主要部分。我在App.vue中顯示頁面。

比特幣. vue:

<script setup>
import bitcoin from './vue-vite/web/my-project/src/assets/Bitcoin.png'
</script>

<template>
   <div class="coin"></div>


</template>

<style>
:root {
  --face: ;
  --lowlight: #111;
  --side: #f2a900;
  --side-dark: #120e08;
  --coin-size: 200px;
  --coin-face: url('./vue-vite/web/my-project/src/assets/Bitcoin.png');
}

Monero.vue:

<script setup>
import monero from './vue-vite/web/my-project/src/assets/Monero.png'
</script>

<template>
   <div class="ccoin"></div>


</template>

<style>
:root {
  --face: ;
  --lowlight: #111;
  --side: #f2a900;
  --side-dark: #120e08;
  --ccoin-size: 200px;
  --ccoin-face: url('./vue-vite/web/my-project/src/assets/Monero.png');
}

頁數: About.vue:

<script setup>
import Monero from '/Users/honza/Desktop/vue-vite/web/my-project/src/components/Monero.vue'
</script>

<template>

    <div class="about">
        <h1>About</h1>
        <Monero></Monero>
        
    </div>
    
</template>

<style>

</style>

Docs.vue:

<script setup>
import Bitcoin from '/Users/honza/Desktop/vue-vite/web/my-project/src/components/Bitcoin.vue'
</script>

<template>
    <div class="docs">
        <h1>Docs</h1>
        <Bitcoin></Bitcoin>
       
    </div>


</template>

<style>

</style>