關於 Vue Cli Vue 組件

關於 Vue Cli Vue組件

 

組件

一個組件匯入另一個組件的方式

|   components
|   |-widget
|   |   |- Card.vue
|   views
|   |- About.vue

#components/widget/Card.vue
<template>
  <div class="card">
...
    </div>
</template>

<script>
export default {
  name:'Card',
}
</script>

#views/About.vue

<script>
import Card from '@/components/widget/Card.vue';

export default {

  name:'About',
  components: {
   Card
  }
}
</script>

參考資料

  1. 組件註冊-局部註冊