/

Vue在另一個組件中使用組件

Vue在另一個組件中使用組件

這裡是如何在Vue.js中將一個組件引入到另一個組件中的方法。

假設你有一個位於 src/components/Pixel.vue 的Pixel組件。

在另一個位於 src/components/Canvas.vue 的Canvas組件中,你可以在Vue單頁組件的script標籤內引入該Pixel組件:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<template>
<p>Canvas</p>
<Pixel />
</template>

<script>
import Pixel from './Pixel'

export default {
name: 'App',
components: {
Pixel
}
}
</script>

tags: [“Vue”, “component”, “import”, “Vue.js”]