Vue.js Recursive Component: Did You Register the Component Correctly?

May 31, 2020

If you are using a component recursively (Component A use Component B which use Component A), register it globally

import Vue from 'vue'import Post from '~/components/Post.vue'Vue.component('Post', Post)

Instead of regestering component manually

<script>import PostItem from '~/components/PostItem'export default {  components: { PostItem }    }</script>

❤️ Is this article helpful?

Buy me a coffee ☕ or support my work via PayPal to keep this space 🖖 and ad-free.

Do send some 💖 to @d_luaz or share this article.

✨ By Desmond Lua

A dream boy who enjoys making apps, travelling and making youtube videos. Follow me on @d_luaz

👶 Apps I built

Travelopy - discover travel places in Malaysia, Singapore, Taiwan, Japan.