這裡是如何在Vue.js中將一個組件引入到另一個組件中的方法。
假設你有一個位於 src/components/Pixel.vue
的Pixel組件。
在另一個位於 src/components/Canvas.vue
的Canvas組件中,你可以在Vue單頁組件的script
標籤內引入該Pixel組件:
<template>
<p>Canvas</p>
<Pixel />
</template>
<script>
import Pixel from './Pixel'
export default {
name: 'App',
components: {
Pixel
}
}
</script>