環境
- Nuxt.js
- Vue.jp
ディレクトリ構成
my-project/
├ components
│ └ OriginalDialog.vue
├ pages
│ └ index.vue
└ 以下省略
コンポーネント定義(パターン1)
よくみるコーディング
index.vue
<original-dialog ref="originalDialog" />
<script>
import OriginalDialog from '@/components/OriginalDialog'
export default {
components: {
OriginalDialog
},
</script>
コンポーネント定義(パターン2)
すっきりしたコーディング
index.vue
<original-dialog ref="originalDialog" />
<script>
export default {
components:{
originalDialog: () => import('@/components/OriginalDialog'),
}
</script>