/

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”]